@acutis/cli 0.1.2 → 0.2.0

package/.output/server/chunks/build/tags-DXumXgr9.mjs

@@ -0,0 +1,1653 @@
+import { M as useState, _ as _sfc_main$1, f as useRoute, k as icon_default, e as _sfc_main$5, p as modal_default$2, i as useAi, l as _sfc_main$7, A as AI_OFF_HINT, N as useRequestEvent, $ as $fetch$1, j as extractServerError, q as _sfc_main$1$2, m as _sfc_main$3 } from '../virtual/entry.mjs';
+import { a as _sfc_main$1$1, _ as _sfc_main$2 } from './origin-DFFT7pGA.mjs';
+import { _ as _sfc_main } from './Alert-WVcujYrW.mjs';
+import { _ as _plugin_vue_export_helper_default } from './_plugin-vue_export-helper-BOaGB7Aw.mjs';
+import { ref, computed, defineComponent, mergeProps, withCtx, unref, createVNode, openBlock, createBlock, Fragment, renderList, toDisplayString, createCommentVNode, isRef, useModel, h, watch, nextTick, mergeModels, renderSlot, createTextVNode, createSlots, useSSRContext } from 'vue';
+import { m as getRequestURL } from '../nitro/nitro.mjs';
+import { ssrRenderComponent, ssrRenderList, ssrInterpolate, ssrRenderAttrs, ssrRenderAttr, ssrRenderClass, ssrIncludeBooleanAttr, ssrRenderSlot } from 'vue/server-renderer';
+import Prism from 'prismjs';
+
+//#region app/components/scenario/warnings.vue?vue&type=script&setup=true&lang.ts
+var EMPTY_VAR = "env-sem-valor";
+/** O texto da ressalva, sem o slug da regra que o backend prefixa. */
+var warnings_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "warnings",
+	__ssrInlineRender: true,
+	props: {
+		warnings: { default: () => [] },
+		slug: {}
+	},
+	setup(__props) {
+		const reasons = computed(() => __props.warnings.map((warning) => warning.replace(/^[a-z-]+: /, "")));
+		const fillable = computed(() => __props.warnings.some((warning) => warning.startsWith(EMPTY_VAR)));
+		return (_ctx, _push, _parent, _attrs) => {
+			const _component_UAlert = _sfc_main;
+			const _component_UButton = _sfc_main$1;
+			if (__props.warnings.length) _push(ssrRenderComponent(_component_UAlert, mergeProps({
+				color: "warning",
+				variant: "soft",
+				icon: "i-ic-round-warning",
+				title: "A geração terminou com ressalvas",
+				"data-testid": "geracao-ressalvas"
+			}, _attrs), {
+				description: withCtx((_, _push, _parent, _scopeId) => {
+					if (_push) {
+						_push(`<ul class="list-disc pl-4"${_scopeId}><!--[-->`);
+						ssrRenderList(unref(reasons), (reason) => {
+							_push(`<li${_scopeId}>${ssrInterpolate(reason)}</li>`);
+						});
+						_push(`<!--]--></ul>`);
+						if (unref(fillable)) _push(ssrRenderComponent(_component_UButton, {
+							label: "Preencher ambiente",
+							"trailing-icon": "i-ic-round-arrow-forward",
+							color: "warning",
+							variant: "link",
+							class: "mt-1 px-0",
+							to: `/projects/${__props.slug}?environment`,
+							"data-testid": "ressalvas-ambiente"
+						}, null, _parent, _scopeId));
+						else _push(`<!---->`);
+					} else return [createVNode("ul", { class: "list-disc pl-4" }, [(openBlock(true), createBlock(Fragment, null, renderList(unref(reasons), (reason) => {
+						return openBlock(), createBlock("li", { key: reason }, toDisplayString(reason), 1);
+					}), 128))]), unref(fillable) ? (openBlock(), createBlock(_component_UButton, {
+						key: 0,
+						label: "Preencher ambiente",
+						"trailing-icon": "i-ic-round-arrow-forward",
+						color: "warning",
+						variant: "link",
+						class: "mt-1 px-0",
+						to: `/projects/${__props.slug}?environment`,
+						"data-testid": "ressalvas-ambiente"
+					}, null, 8, ["to"])) : createCommentVNode("", true)];
+				}),
+				_: 1
+			}, _parent));
+			else _push(`<!---->`);
+		};
+	}
+});
+//#endregion
+//#region app/components/scenario/warnings.vue
+var _sfc_setup$11 = warnings_vue_vue_type_script_setup_true_lang_default.setup;
+warnings_vue_vue_type_script_setup_true_lang_default.setup = (props, ctx) => {
+	const ssrContext = useSSRContext();
+	(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/scenario/warnings.vue");
+	return _sfc_setup$11 ? _sfc_setup$11(props, ctx) : void 0;
+};
+var warnings_default = Object.assign(warnings_vue_vue_type_script_setup_true_lang_default, { __name: "ScenarioWarnings" });
+//#endregion
+//#region node_modules/.pnpm/nuxt@4.5.2_@babel+plugin-syntax-jsx@7.29.7_@babel+core@7.29.7__@babel+plugin-syntax-typ_45e57be3aa7485e3075b5014322cbc65/node_modules/nuxt/dist/app/composables/url.js
+/** @since 3.5.0 */
+function useRequestURL(opts) {
+	return getRequestURL(useRequestEvent(), opts);
+}
+//#endregion
+//#region app/components/webdriver/setup.vue?vue&type=script&setup=true&lang.ts
+var setup_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "setup",
+	__ssrInlineRender: true,
+	setup(__props) {
+		const os = ref("macos");
+		const tabs = [
+			{
+				label: "macOS",
+				value: "macos"
+			},
+			{
+				label: "Linux",
+				value: "linux"
+			},
+			{
+				label: "Windows",
+				value: "windows"
+			}
+		];
+		const route = useRoute();
+		const origin = useRequestURL().origin;
+		const currentUrl = computed(() => `${origin}${route.fullPath}`);
+		const commands = computed(() => ({
+			macos: `open -na "Google Chrome" --args --remote-debugging-port=9222 --user-data-dir="$HOME/.acutis/chrome" "${currentUrl.value}"`,
+			linux: `google-chrome --remote-debugging-port=9222 --user-data-dir="$HOME/.acutis/chrome" "${currentUrl.value}" &`,
+			windows: `Start-Process "chrome" -ArgumentList "--remote-debugging-port=9222","--user-data-dir=$env:USERPROFILE\\.acutis\\chrome","${currentUrl.value}"`
+		}));
+		const copied = ref(false);
+		let copiedTimer;
+		async function copy() {
+			await (void 0).clipboard.writeText(commands.value[os.value]);
+			copied.value = true;
+			clearTimeout(copiedTimer);
+			copiedTimer = setTimeout(() => {
+				copied.value = false;
+			}, 2e3);
+		}
+		return (_ctx, _push, _parent, _attrs) => {
+			const _component_UTabs = _sfc_main$1$1;
+			const _component_BaseButtonIcon = icon_default;
+			_push(`<div${ssrRenderAttrs(mergeProps({ class: "flex flex-col gap-3 rounded-lg bg-elevated p-4" }, _attrs))}><p class="text-sm text-muted"> Abra o Chrome com a porta de depuração. Ele já abre nesta página, é só clicar em <span class="font-medium text-default">Novo cenário</span> de novo: </p>`);
+			_push(ssrRenderComponent(_component_UTabs, {
+				modelValue: unref(os),
+				"onUpdate:modelValue": ($event) => isRef(os) ? os.value = $event : null,
+				items: tabs,
+				content: false,
+				class: "w-full"
+			}, null, _parent));
+			_push(`<div class="flex items-center gap-2"><code data-testid="webdriver-comando" class="grow overflow-x-auto whitespace-nowrap rounded-md bg-default p-3 text-xs">${ssrInterpolate(unref(commands)[unref(os)])}</code>`);
+			_push(ssrRenderComponent(_component_BaseButtonIcon, {
+				icon: unref(copied) ? "i-ic-round-check" : "i-ic-round-content-copy",
+				label: unref(copied) ? "Copiado!" : "Copiar comando",
+				color: "neutral",
+				variant: "soft",
+				"data-testid": "webdriver-copiar",
+				onClick: copy
+			}, null, _parent));
+			_push(`</div></div>`);
+		};
+	}
+});
+//#endregion
+//#region app/components/webdriver/setup.vue
+var _sfc_setup$10 = setup_vue_vue_type_script_setup_true_lang_default.setup;
+setup_vue_vue_type_script_setup_true_lang_default.setup = (props, ctx) => {
+	const ssrContext = useSSRContext();
+	(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/webdriver/setup.vue");
+	return _sfc_setup$10 ? _sfc_setup$10(props, ctx) : void 0;
+};
+var setup_default = Object.assign(setup_vue_vue_type_script_setup_true_lang_default, { __name: "WebdriverSetup" });
+//#endregion
+//#region app/components/base/empty.vue?vue&type=script&setup=true&lang.ts
+var empty_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "empty",
+	__ssrInlineRender: true,
+	props: {
+		icon: {},
+		title: {},
+		description: { default: "" },
+		testid: { default: "" }
+	},
+	setup(__props) {
+		return (_ctx, _push, _parent, _attrs) => {
+			const _component_UIcon = _sfc_main$5;
+			_push(`<div${ssrRenderAttrs(mergeProps({
+				class: "flex flex-col items-center gap-3 py-10 text-center",
+				"data-testid": __props.testid
+			}, _attrs))}><div class="flex size-12 items-center justify-center rounded-lg bg-elevated">`);
+			_push(ssrRenderComponent(_component_UIcon, {
+				name: __props.icon,
+				class: "size-7 text-dimmed"
+			}, null, _parent));
+			_push(`</div><p class="font-semibold">${ssrInterpolate(__props.title)}</p>`);
+			if (__props.description) _push(`<p class="max-w-sm text-sm text-muted">${ssrInterpolate(__props.description)}</p>`);
+			else _push(`<!---->`);
+			_push(`</div>`);
+		};
+	}
+});
+//#endregion
+//#region app/components/base/empty.vue
+var _sfc_setup$9 = empty_vue_vue_type_script_setup_true_lang_default.setup;
+empty_vue_vue_type_script_setup_true_lang_default.setup = (props, ctx) => {
+	const ssrContext = useSSRContext();
+	(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/base/empty.vue");
+	return _sfc_setup$9 ? _sfc_setup$9(props, ctx) : void 0;
+};
+var empty_default = Object.assign(empty_vue_vue_type_script_setup_true_lang_default, { __name: "BaseEmpty" });
+//#endregion
+//#region app/utils/recorder-event.ts
+/** A gravação como o backend a guarda: os campos do evento, sem o que é do transporte. */
+function toRecordedEvents(events) {
+	return events.map((event) => ({
+		type: event.type,
+		timestamp: event.timestamp,
+		url: event.url ?? null,
+		selectors: event.selectors ?? null,
+		label: event.label ?? null,
+		innerText: event.innerText ?? null,
+		tagName: event.tagName ?? null,
+		inputType: event.inputType ?? null,
+		value: event.value ?? null,
+		sensitive: event.sensitive ?? false,
+		checked: event.checked ?? null,
+		html: event.html ?? null,
+		assert: event.assert
+	}));
+}
+/** Como o evento chama o elemento, na mesma ordem de fontes do `SpecEmitter` do backend. */
+function target(event) {
+	const selectors = event.selectors;
+	const clean = (event.label || event.innerText || selectors?.placeholder || selectors?.text || "").replace(/\s+/g, " ").trim();
+	return clean === "" ? null : clean;
+}
+/** O alvo entre aspas, separando o que veio da tela do verbo que o descreve. */
+function quoted(what) {
+	return `"${what}"`;
+}
+/** O caminho da URL, que é como a execução chama a tela: "/login", ou a página inicial na raiz. */
+function page(event) {
+	const url = event.url ?? "";
+	try {
+		const path = new URL(url, "http://base.test").pathname;
+		return path === "/" ? "a página inicial" : quoted(path);
+	} catch {
+		return url ? quoted(url) : "a página inicial";
+	}
+}
+/**
+* A frase que descreve o evento gravado, no mesmo vocabulário dos passos da execução
+* ("Clica em Entrar", "Preenche Senha"). A navegação é dita pelo caminho da URL.
+*/
+function describeRecorderEvent(event) {
+	const what = target(event);
+	switch (event.type) {
+		case "navigate": return `Navega para ${page(event)}`;
+		case "click": return what ? `Clica em ${quoted(what)}` : "Clica no elemento";
+		case "hover": return what ? `Passa o mouse em ${quoted(what)}` : "Passa o mouse no elemento";
+		case "fill": {
+			const field = what ? quoted(what) : "o campo";
+			if (!event.value) return `Preenche ${field}`;
+			return `Preenche ${field} com ${event.sensitive ? "••••" : quoted(event.value)}`;
+		}
+		case "submit": return "Envia o formulário";
+		case "assert":
+			if (event.assert?.assertType === "url") return `Confere que a tela é ${page(event)}`;
+			return `Confere ${what ? quoted(what) : "o elemento"}`;
+		default: return what ?? event.url ?? event.type ?? "";
+	}
+}
+//#endregion
+//#region app/components/scenario/review/timeline.vue?vue&type=script&setup=true&lang.ts
+var timeline_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "timeline",
+	__ssrInlineRender: true,
+	props: {
+		events: {},
+		videoSrc: { default: null },
+		recordingStartedAt: { default: null },
+		resumable: {
+			type: Boolean,
+			default: false
+		}
+	},
+	emits: ["resume"],
+	setup(__props, { emit: __emit }) {
+		ref(null);
+		const currentTime = ref(0);
+		const armed = ref(null);
+		const ready = ref(false);
+		const eventIcons = {
+			navigate: "i-ic-round-public",
+			click: "i-ic-round-ads-click",
+			fill: "i-ic-round-edit",
+			submit: "i-ic-round-send",
+			hover: "i-ic-round-mouse",
+			assert: "i-ic-round-check-circle"
+		};
+		function offsetSeconds(event) {
+			if (!__props.recordingStartedAt || !event.timestamp) return 0;
+			return Math.max(0, (event.timestamp - __props.recordingStartedAt) / 1e3);
+		}
+		const currentIndex = computed(() => {
+			let index = -1;
+			__props.events.forEach((event, i) => {
+				if (offsetSeconds(event) <= currentTime.value) index = i;
+			});
+			return index;
+		});
+		/** Quantos passos saem da gravação quando o corte armado for confirmado. */
+		const dropped = computed(() => armed.value === null ? 0 : __props.events.length - armed.value);
+		return (_ctx, _push, _parent, _attrs) => {
+			const _component_UIcon = _sfc_main$5;
+			_push(`<div${ssrRenderAttrs(mergeProps({ class: "grid grid-cols-1 gap-6 lg:grid-cols-5" }, _attrs))} data-v-46efcf33>`);
+			if (__props.videoSrc) _push(`<video data-testid="revisao-video"${ssrRenderAttr("src", __props.videoSrc)} controls class="w-full self-start rounded-lg lg:sticky lg:top-0 lg:col-span-3" data-v-46efcf33></video>`);
+			else _push(`<!---->`);
+			_push(`<div class="${ssrRenderClass(__props.videoSrc ? "lg:col-span-2" : "lg:col-span-5")}" data-v-46efcf33><p class="mb-3 font-semibold" data-v-46efcf33> Timeline dos eventos </p><ol class="flex w-max max-w-full flex-col" data-v-46efcf33><!--[-->`);
+			ssrRenderList(__props.events, (event, i) => {
+				_push(`<li data-testid="revisao-evento"${ssrRenderAttr("data-current", i === unref(currentIndex) ? "true" : "false")}${ssrRenderAttr("data-dropped", unref(armed) !== null && i >= unref(armed) ? "true" : "false")} class="${ssrRenderClass([unref(armed) !== null && i >= unref(armed) ? "opacity-50" : "", "group relative flex cursor-pointer items-stretch gap-3 transition-opacity"])}" data-v-46efcf33>`);
+				if (__props.resumable && i > 0) {
+					_push(`<button type="button" data-testid="revisao-retomar"${ssrRenderAttr("data-armed", unref(armed) === i ? "true" : "false")} class="${ssrRenderClass([unref(armed) === i ? "opacity-100!" : "", "absolute -top-5 -right-1.5 -left-1.5 z-10 flex h-4 items-center gap-2 opacity-0 transition-opacity focus-visible:opacity-100 group-hover:opacity-100"])}"${ssrRenderAttr("aria-label", unref(armed) === i ? `Confirmar a retomada deste passo, descartando ${unref(dropped)}` : "Retomar a gravação deste passo")} data-v-46efcf33><span class="${ssrRenderClass([unref(armed) === i ? "bg-error" : "bg-primary", "h-px flex-1 rounded-full"])}" data-v-46efcf33></span><span class="${ssrRenderClass([unref(armed) === i ? "bg-error text-inverted" : "bg-default text-primary", "rounded-full px-2 py-0.5 text-[10px] leading-none font-medium tracking-wide uppercase"])}" data-v-46efcf33>`);
+					if (unref(armed) !== i) _push(`<!--[-->retomar daqui<!--]-->`);
+					else if (unref(ready)) _push(`<!--[-->clique de novo · descarta ${ssrInterpolate(unref(dropped))}<!--]-->`);
+					else _push(`<!--[-->aguarde…<!--]-->`);
+					_push(`</span><span class="relative h-px flex-1 overflow-visible rounded-full bg-accented" data-v-46efcf33>`);
+					if (unref(armed) === i) _push(`<span class="arming absolute inset-y-0 left-0 rounded-full bg-error" data-v-46efcf33></span>`);
+					else _push(`<!---->`);
+					_push(`</span></button>`);
+				} else _push(`<!---->`);
+				_push(`<div class="flex flex-col items-center" data-v-46efcf33>`);
+				_push(ssrRenderComponent(_component_UIcon, {
+					name: eventIcons[event.type] ?? "i-ic-round-help-outline",
+					class: ["size-5 shrink-0 transition-colors", i <= unref(currentIndex) ? "text-primary" : "text-muted"]
+				}, null, _parent));
+				if (i < __props.events.length - 1) _push(`<span class="${ssrRenderClass([i < unref(currentIndex) ? "bg-primary" : "bg-accented", "w-px grow transition-colors"])}" data-v-46efcf33></span>`);
+				else _push(`<!---->`);
+				_push(`</div><div class="pb-6 min-w-0 flex-1" data-v-46efcf33><p class="${ssrRenderClass([[i === unref(currentIndex) ? "font-semibold text-primary" : "text-default", unref(armed) !== null && i >= unref(armed) ? "line-through decoration-dimmed" : ""], "truncate text-sm transition-colors group-hover:text-highlighted"])}" data-v-46efcf33>${ssrInterpolate(unref(describeRecorderEvent)(event))}</p>`);
+				if (__props.recordingStartedAt) _push(`<p class="text-xs text-dimmed" data-v-46efcf33>${ssrInterpolate(offsetSeconds(event).toFixed(1))}s </p>`);
+				else _push(`<!---->`);
+				_push(`</div></li>`);
+			});
+			_push(`<!--]--></ol></div></div>`);
+		};
+	}
+});
+//#endregion
+//#region app/components/scenario/review/timeline.vue
+var _sfc_setup$8 = timeline_vue_vue_type_script_setup_true_lang_default.setup;
+timeline_vue_vue_type_script_setup_true_lang_default.setup = (props, ctx) => {
+	const ssrContext = useSSRContext();
+	(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/scenario/review/timeline.vue");
+	return _sfc_setup$8 ? _sfc_setup$8(props, ctx) : void 0;
+};
+var timeline_default = /*#__PURE__*/ Object.assign(_plugin_vue_export_helper_default(timeline_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-46efcf33"]]), { __name: "ScenarioReviewTimeline" });
+//#endregion
+//#region app/components/base/codefield.vue?vue&type=script&setup=true&lang.ts
+var codefield_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "codefield",
+	__ssrInlineRender: true,
+	props: /*@__PURE__*/ mergeModels({
+		language: {},
+		testid: {},
+		readonly: {
+			type: Boolean,
+			default: false
+		}
+	}, {
+		"modelValue": { default: "" },
+		"modelModifiers": {}
+	}),
+	emits: ["update:modelValue"],
+	setup(__props) {
+		const model = useModel(__props, "modelValue");
+		const textarea = ref(null);
+		function renderTokens(stream) {
+			if (typeof stream === "string") return [stream];
+			if (Array.isArray(stream)) return stream.flatMap(renderTokens);
+			const aliases = Array.isArray(stream.alias) ? stream.alias : [stream.alias].filter(Boolean);
+			return [h("span", { class: [
+				"token",
+				stream.type,
+				...aliases
+			] }, renderTokens(stream.content))];
+		}
+		const highlighted = computed(() => [...Prism.tokenize(model.value, Prism.languages[__props.language]), "\n"]);
+		const HighlightedCode = defineComponent(() => () => h("code", null, renderTokens(highlighted.value)));
+		function resize() {
+			const el = textarea.value;
+			if (!el) return;
+			el.style.height = "auto";
+			el.style.height = `${el.scrollHeight}px`;
+		}
+		watch(model, () => nextTick(resize));
+		return (_ctx, _push, _parent, _attrs) => {
+			_push(`<div${ssrRenderAttrs(mergeProps({ class: "codefield relative overflow-hidden rounded-md bg-elevated font-mono text-sm/6" }, _attrs))} data-v-3e187072><pre aria-hidden="true" class="codefield-box pointer-events-none absolute inset-0 m-0 overflow-hidden" data-v-3e187072>`);
+			_push(ssrRenderComponent(unref(HighlightedCode), null, null, _parent));
+			_push(`</pre><textarea${ssrRenderAttr("data-testid", __props.testid)}${ssrIncludeBooleanAttr(__props.readonly) ? " readonly" : ""} spellcheck="false" class="codefield-box relative block w-full resize-none bg-transparent text-transparent caret-[var(--ui-text-highlighted)] outline-none" data-v-3e187072>${ssrInterpolate(model.value)}</textarea></div>`);
+		};
+	}
+});
+//#endregion
+//#region app/components/base/codefield.vue
+var _sfc_setup$7 = codefield_vue_vue_type_script_setup_true_lang_default.setup;
+codefield_vue_vue_type_script_setup_true_lang_default.setup = (props, ctx) => {
+	const ssrContext = useSSRContext();
+	(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/base/codefield.vue");
+	return _sfc_setup$7 ? _sfc_setup$7(props, ctx) : void 0;
+};
+var codefield_default = /*#__PURE__*/ Object.assign(_plugin_vue_export_helper_default(codefield_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-3e187072"]]), { __name: "BaseCodefield" });
+//#endregion
+//#region app/components/base/confirm.vue?vue&type=script&setup=true&lang.ts
+var confirm_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "confirm",
+	__ssrInlineRender: true,
+	props: /*@__PURE__*/ mergeModels({
+		title: {},
+		description: { default: "" },
+		confirmLabel: { default: "Confirmar" },
+		confirmColor: { default: "primary" },
+		confirmTestid: { default: "confirmar" },
+		loading: {
+			type: Boolean,
+			default: false
+		}
+	}, {
+		"open": {
+			type: Boolean,
+			default: false
+		},
+		"openModifiers": {}
+	}),
+	emits: /*@__PURE__*/ mergeModels(["confirm"], ["update:open"]),
+	setup(__props, { emit: __emit }) {
+		const open = useModel(__props, "open");
+		const emit = __emit;
+		return (_ctx, _push, _parent, _attrs) => {
+			const _component_BaseModal = modal_default$2;
+			const _component_UButton = _sfc_main$1;
+			_push(ssrRenderComponent(_component_BaseModal, mergeProps({
+				open: open.value,
+				"onUpdate:open": ($event) => open.value = $event,
+				title: __props.title
+			}, _attrs), {
+				body: withCtx((_, _push, _parent, _scopeId) => {
+					if (_push) {
+						_push(`<div class="flex min-h-24 items-center justify-center text-center"${_scopeId}><p class="w-full text-lg text-muted break-words"${_scopeId}>`);
+						ssrRenderSlot(_ctx.$slots, "description", {}, () => {
+							_push(`${ssrInterpolate(__props.description)}`);
+						}, _push, _parent, _scopeId);
+						_push(`</p></div>`);
+					} else return [createVNode("div", { class: "flex min-h-24 items-center justify-center text-center" }, [createVNode("p", { class: "w-full text-lg text-muted break-words" }, [renderSlot(_ctx.$slots, "description", {}, () => [createTextVNode(toDisplayString(__props.description), 1)])])])];
+				}),
+				footer: withCtx((_, _push, _parent, _scopeId) => {
+					if (_push) {
+						_push(ssrRenderComponent(_component_UButton, {
+							label: "Cancelar",
+							color: "neutral",
+							variant: "ghost",
+							"data-testid": "confirmar-cancelar",
+							onClick: ($event) => open.value = false
+						}, null, _parent, _scopeId));
+						_push(ssrRenderComponent(_component_UButton, {
+							label: __props.confirmLabel,
+							color: __props.confirmColor,
+							loading: __props.loading,
+							"data-testid": __props.confirmTestid,
+							onClick: ($event) => emit("confirm")
+						}, null, _parent, _scopeId));
+					} else return [createVNode(_component_UButton, {
+						label: "Cancelar",
+						color: "neutral",
+						variant: "ghost",
+						"data-testid": "confirmar-cancelar",
+						onClick: ($event) => open.value = false
+					}, null, 8, ["onClick"]), createVNode(_component_UButton, {
+						label: __props.confirmLabel,
+						color: __props.confirmColor,
+						loading: __props.loading,
+						"data-testid": __props.confirmTestid,
+						onClick: ($event) => emit("confirm")
+					}, null, 8, [
+						"label",
+						"color",
+						"loading",
+						"data-testid",
+						"onClick"
+					])];
+				}),
+				_: 3
+			}, _parent));
+		};
+	}
+});
+//#endregion
+//#region app/components/base/confirm.vue
+var _sfc_setup$6 = confirm_vue_vue_type_script_setup_true_lang_default.setup;
+confirm_vue_vue_type_script_setup_true_lang_default.setup = (props, ctx) => {
+	const ssrContext = useSSRContext();
+	(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/base/confirm.vue");
+	return _sfc_setup$6 ? _sfc_setup$6(props, ctx) : void 0;
+};
+var confirm_default = Object.assign(confirm_vue_vue_type_script_setup_true_lang_default, { __name: "BaseConfirm" });
+/** O nome de arquivo que um título vira. Acompanha o `Str::slug` que o backend aplica ao gravar. */
+function slugify(value) {
+	return value.normalize("NFD").replace(/\p{Diacritic}/gu, "").toLowerCase().replace(/[^a-z0-9]+/g, "-").slice(0, 80).replace(/^-+|-+$/g, "");
+}
+function draftFromScenario(scenario) {
+	const parts = scenario.spec.replace(/^tests\//, "").replace(/\.spec\.ts$/, "").split("/");
+	return {
+		title: scenario.title,
+		path: parts.at(-1),
+		domain: parts.length > 1 ? parts.slice(0, -1).join("/") : "",
+		tags: scenario.tags,
+		gherkin: scenario.gherkin ?? "",
+		playwright: scenario.playwright
+	};
+}
+//#endregion
+//#region app/components/scenario/review/contexts.vue?vue&type=script&setup=true&lang.ts
+var contexts_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "contexts",
+	__ssrInlineRender: true,
+	props: /*@__PURE__*/ mergeModels({
+		isAuth: {
+			type: Boolean,
+			default: false
+		},
+		novo: {
+			type: Boolean,
+			default: false
+		}
+	}, {
+		"draft": { required: true },
+		"draftModifiers": {}
+	}),
+	emits: ["update:draft"],
+	setup(__props) {
+		const draft = useModel(__props, "draft");
+		function tagsFromLine(line) {
+			return line.match(/@[\w-]+/g) ?? [];
+		}
+		function tagsFromGherkin(gherkin) {
+			const firstLine = gherkin.split("\n")[0] ?? "";
+			return firstLine.trim().startsWith("@") ? tagsFromLine(firstLine) : [];
+		}
+		function tagsFromPlaywright(playwright) {
+			const match = playwright.match(/tag:\s*\[([^\]]*)\]/);
+			return match ? tagsFromLine(match[1]) : [];
+		}
+		function stampGherkinTags(gherkin, tags) {
+			if (!gherkin.trim()) return gherkin;
+			const lines = gherkin.split("\n");
+			if (lines[0]?.trim().startsWith("@")) lines.shift();
+			const body = lines.join("\n");
+			return tags.length ? `${tags.join(" ")}\n${body}` : body;
+		}
+		function stampPlaywrightTags(playwright, tags) {
+			if (!tags.length) return playwright;
+			const list = `tag: [${tags.map((t) => `'${t}'`).join(", ")}]`;
+			if (/tag:\s*\[[^\]]*\]/.test(playwright)) return playwright.replace(/tag:\s*\[[^\]]*\]/, list);
+			return playwright.replace(/test\.describe\(\s*((["']).+?\2)\s*,\s*(?=\(|async)/, `test.describe($1, { ${list} }, `);
+		}
+		let syncing = false;
+		function applyTags(tags) {
+			syncing = true;
+			draft.value = {
+				...draft.value,
+				tags,
+				gherkin: stampGherkinTags(draft.value.gherkin, tags),
+				playwright: stampPlaywrightTags(draft.value.playwright, tags)
+			};
+			nextTick(() => {
+				syncing = false;
+			});
+		}
+		const tagsText = computed({
+			get: () => draft.value.tags.join(" "),
+			set: (value) => applyTags(tagsFromLine(value))
+		});
+		watch(() => draft.value.gherkin, (gherkin) => {
+			if (syncing) return;
+			const tags = tagsFromGherkin(gherkin);
+			if (tags.length && tags.join(" ") !== draft.value.tags.join(" ")) applyTags(tags);
+		});
+		watch(() => draft.value.playwright, (playwright) => {
+			if (syncing) return;
+			const tags = tagsFromPlaywright(playwright);
+			if (tags.length && tags.join(" ") !== draft.value.tags.join(" ")) applyTags(tags);
+		});
+		/** No cenário novo o arquivo espelha o título, enquanto ninguém o tiver editado à mão. */
+		watch(() => draft.value.title, (title, previous) => {
+			if (!__props.novo || draft.value.path !== slugify(previous)) return;
+			draft.value = {
+				...draft.value,
+				path: slugify(title)
+			};
+		});
+		return (_ctx, _push, _parent, _attrs) => {
+			const _component_UFormField = _sfc_main$1$2;
+			const _component_UInput = _sfc_main$3;
+			const _component_BaseCodefield = codefield_default;
+			_push(`<div${ssrRenderAttrs(mergeProps({ class: "flex flex-col gap-5" }, _attrs))}><div class="grid grid-cols-1 gap-4 sm:grid-cols-2">`);
+			_push(ssrRenderComponent(_component_UFormField, { label: "Título do cenário" }, {
+				default: withCtx((_, _push, _parent, _scopeId) => {
+					if (_push) _push(ssrRenderComponent(_component_UInput, {
+						modelValue: draft.value.title,
+						"onUpdate:modelValue": ($event) => draft.value.title = $event,
+						maxlength: unref(120),
+						"data-testid": "contexto-titulo",
+						class: "w-full"
+					}, null, _parent, _scopeId));
+					else return [createVNode(_component_UInput, {
+						modelValue: draft.value.title,
+						"onUpdate:modelValue": ($event) => draft.value.title = $event,
+						maxlength: unref(120),
+						"data-testid": "contexto-titulo",
+						class: "w-full"
+					}, null, 8, [
+						"modelValue",
+						"onUpdate:modelValue",
+						"maxlength"
+					])];
+				}),
+				_: 1
+			}, _parent));
+			if (!__props.isAuth) _push(ssrRenderComponent(_component_UFormField, {
+				label: "Arquivo",
+				help: "Nome do .spec.ts / .feature"
+			}, {
+				default: withCtx((_, _push, _parent, _scopeId) => {
+					if (_push) _push(ssrRenderComponent(_component_UInput, {
+						modelValue: draft.value.path,
+						"onUpdate:modelValue": ($event) => draft.value.path = $event,
+						maxlength: unref(80),
+						"data-testid": "contexto-path",
+						class: "w-full"
+					}, null, _parent, _scopeId));
+					else return [createVNode(_component_UInput, {
+						modelValue: draft.value.path,
+						"onUpdate:modelValue": ($event) => draft.value.path = $event,
+						maxlength: unref(80),
+						"data-testid": "contexto-path",
+						class: "w-full"
+					}, null, 8, [
+						"modelValue",
+						"onUpdate:modelValue",
+						"maxlength"
+					])];
+				}),
+				_: 1
+			}, _parent));
+			else _push(`<!---->`);
+			_push(`</div>`);
+			if (!__props.isAuth) _push(ssrRenderComponent(_component_UFormField, {
+				label: "Domínio",
+				help: "Pasta onde o cenário será salvo (ex.: login, checkout)"
+			}, {
+				default: withCtx((_, _push, _parent, _scopeId) => {
+					if (_push) _push(ssrRenderComponent(_component_UInput, {
+						modelValue: draft.value.domain,
+						"onUpdate:modelValue": ($event) => draft.value.domain = $event,
+						maxlength: unref(80),
+						"data-testid": "contexto-dominio",
+						class: "w-full"
+					}, null, _parent, _scopeId));
+					else return [createVNode(_component_UInput, {
+						modelValue: draft.value.domain,
+						"onUpdate:modelValue": ($event) => draft.value.domain = $event,
+						maxlength: unref(80),
+						"data-testid": "contexto-dominio",
+						class: "w-full"
+					}, null, 8, [
+						"modelValue",
+						"onUpdate:modelValue",
+						"maxlength"
+					])];
+				}),
+				_: 1
+			}, _parent));
+			else _push(`<!---->`);
+			if (!__props.isAuth) _push(ssrRenderComponent(_component_UFormField, {
+				label: "Tags",
+				help: "Separadas por espaço (ex.: @read @criando)"
+			}, {
+				default: withCtx((_, _push, _parent, _scopeId) => {
+					if (_push) _push(ssrRenderComponent(_component_UInput, {
+						modelValue: unref(tagsText),
+						"onUpdate:modelValue": ($event) => isRef(tagsText) ? tagsText.value = $event : null,
+						"data-testid": "contexto-tags",
+						class: "w-full"
+					}, null, _parent, _scopeId));
+					else return [createVNode(_component_UInput, {
+						modelValue: unref(tagsText),
+						"onUpdate:modelValue": ($event) => isRef(tagsText) ? tagsText.value = $event : null,
+						"data-testid": "contexto-tags",
+						class: "w-full"
+					}, null, 8, ["modelValue", "onUpdate:modelValue"])];
+				}),
+				_: 1
+			}, _parent));
+			else _push(`<!---->`);
+			_push(ssrRenderComponent(_component_UFormField, { label: "Cenário (Gherkin)" }, {
+				default: withCtx((_, _push, _parent, _scopeId) => {
+					if (_push) _push(ssrRenderComponent(_component_BaseCodefield, {
+						modelValue: draft.value.gherkin,
+						"onUpdate:modelValue": ($event) => draft.value.gherkin = $event,
+						language: "gherkin",
+						testid: "contexto-cenario"
+					}, null, _parent, _scopeId));
+					else return [createVNode(_component_BaseCodefield, {
+						modelValue: draft.value.gherkin,
+						"onUpdate:modelValue": ($event) => draft.value.gherkin = $event,
+						language: "gherkin",
+						testid: "contexto-cenario"
+					}, null, 8, ["modelValue", "onUpdate:modelValue"])];
+				}),
+				_: 1
+			}, _parent));
+			_push(ssrRenderComponent(_component_UFormField, { label: "Teste (Playwright)" }, {
+				default: withCtx((_, _push, _parent, _scopeId) => {
+					if (_push) _push(ssrRenderComponent(_component_BaseCodefield, {
+						modelValue: draft.value.playwright,
+						"onUpdate:modelValue": ($event) => draft.value.playwright = $event,
+						language: "typescript",
+						testid: "contexto-teste"
+					}, null, _parent, _scopeId));
+					else return [createVNode(_component_BaseCodefield, {
+						modelValue: draft.value.playwright,
+						"onUpdate:modelValue": ($event) => draft.value.playwright = $event,
+						language: "typescript",
+						testid: "contexto-teste"
+					}, null, 8, ["modelValue", "onUpdate:modelValue"])];
+				}),
+				_: 1
+			}, _parent));
+			_push(`</div>`);
+		};
+	}
+});
+//#endregion
+//#region app/components/scenario/review/contexts.vue
+var _sfc_setup$5 = contexts_vue_vue_type_script_setup_true_lang_default.setup;
+contexts_vue_vue_type_script_setup_true_lang_default.setup = (props, ctx) => {
+	const ssrContext = useSSRContext();
+	(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/scenario/review/contexts.vue");
+	return _sfc_setup$5 ? _sfc_setup$5(props, ctx) : void 0;
+};
+var contexts_default = Object.assign(contexts_vue_vue_type_script_setup_true_lang_default, { __name: "ScenarioReviewContexts" });
+//#endregion
+//#region app/components/base/loading/phrases.vue?vue&type=script&setup=true&lang.ts
+var phrases_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "phrases",
+	__ssrInlineRender: true,
+	props: {
+		phrases: {},
+		icon: { default: "i-line-md-coffee-half-empty-twotone-loop" },
+		hint: { default: "Isso pode levar alguns segundos." }
+	},
+	setup(__props) {
+		const display = ref(__props.phrases[0]);
+		return (_ctx, _push, _parent, _attrs) => {
+			const _component_UIcon = _sfc_main$5;
+			_push(`<div${ssrRenderAttrs(mergeProps({ class: "flex flex-col items-center gap-6 py-10 text-center" }, _attrs))}>`);
+			_push(ssrRenderComponent(_component_UIcon, {
+				name: __props.icon,
+				class: "size-20 text-highlighted/75"
+			}, null, _parent));
+			_push(`<p class="text-lg font-mono font-medium text-highlighted">${ssrInterpolate(unref(display))}</p><p class="text-xs text-dimmed">${ssrInterpolate(__props.hint)}</p></div>`);
+		};
+	}
+});
+//#endregion
+//#region app/components/base/loading/phrases.vue
+var _sfc_setup$4 = phrases_vue_vue_type_script_setup_true_lang_default.setup;
+phrases_vue_vue_type_script_setup_true_lang_default.setup = (props, ctx) => {
+	const ssrContext = useSSRContext();
+	(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/base/loading/phrases.vue");
+	return _sfc_setup$4 ? _sfc_setup$4(props, ctx) : void 0;
+};
+var phrases_default = Object.assign(phrases_vue_vue_type_script_setup_true_lang_default, { __name: "BaseLoadingPhrases" });
+//#endregion
+//#region app/components/scenario/review/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,
+	props: { auth: {
+		type: Boolean,
+		default: false
+	} },
+	setup(__props) {
+		const SCENARIO_PHRASES = [
+			"Analisando os elementos da tela",
+			"Identificando os fluxos de navegação",
+			"Interpretando suas interações",
+			"Gerando os contextos do cenário",
+			"Escrevendo os passos em Gherkin",
+			"Traduzindo para o teste Playwright",
+			"Dando os retoques finais"
+		];
+		const AUTH_PHRASES = [
+			"Analisando os eventos gravados",
+			"Identificando os campos de usuário e senha",
+			"Escrevendo o fluxo de autenticação"
+		];
+		return (_ctx, _push, _parent, _attrs) => {
+			_push(ssrRenderComponent(phrases_default, mergeProps({
+				phrases: __props.auth ? AUTH_PHRASES : SCENARIO_PHRASES,
+				"data-testid": __props.auth ? "auth-carregando" : "contexto-carregando"
+			}, _attrs), null, _parent));
+		};
+	}
+});
+//#endregion
+//#region app/components/scenario/review/loading.vue
+var _sfc_setup$3 = 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/review/loading.vue");
+	return _sfc_setup$3 ? _sfc_setup$3(props, ctx) : void 0;
+};
+var loading_default = Object.assign(loading_vue_vue_type_script_setup_true_lang_default, { __name: "ScenarioReviewLoading" });
+//#endregion
+//#region app/composables/webdriver.ts
+var socket = null;
+function useWebdriver() {
+	const state = useState("webdriver", () => ({
+		connected: false,
+		extensionReady: false,
+		recording: false,
+		replaying: false,
+		replayFailedStep: null,
+		error: null,
+		events: [],
+		videoSessionId: null,
+		recordingStartedAt: null,
+		storageState: null
+	}));
+	const url = "";
+	function send(type, payload = {}) {
+		if (void 0 === WebSocket.OPEN) socket.send(JSON.stringify({
+			type,
+			...payload
+		}));
+	}
+	function ensureConnected() {}
+	function startRecording(mode = "scenario", options = {}) {
+		state.value.error = null;
+		state.value.events = options.replay ?? [];
+		state.value.videoSessionId = null;
+		state.value.storageState = null;
+		state.value.recording = true;
+		state.value.replaying = (options.replay?.length ?? 0) > 0;
+		state.value.replayFailedStep = null;
+		send("START_RECORDING", {
+			mode,
+			...options
+		});
+	}
+	function stopRecording() {
+		send("STOP_RECORDING");
+		state.value.recording = false;
+	}
+	return {
+		state,
+		url,
+		ensureConnected,
+		startRecording,
+		stopRecording
+	};
+}
+//#endregion
+//#region app/components/scenario/review/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({
+		slug: {},
+		isPublic: {
+			type: Boolean,
+			default: false
+		},
+		scenario: { default: null }
+	}, {
+		"open": {
+			type: Boolean,
+			default: false
+		},
+		"openModifiers": {}
+	}),
+	emits: /*@__PURE__*/ mergeModels([
+		"generated",
+		"rerecord",
+		"resume"
+	], ["update:open"]),
+	setup(__props, { emit: __emit }) {
+		const open = useModel(__props, "open");
+		const emit = __emit;
+		const isAuth = computed(() => __props.scenario?.is_auth === true);
+		const scenarioId = computed(() => __props.scenario.spec.replace(/^tests\//, "").replace(/\.(spec|setup)\.ts$/, ""));
+		const { state, url } = useWebdriver();
+		function emptyDraft() {
+			return {
+				title: "",
+				tags: [],
+				domain: "",
+				path: "",
+				gherkin: "",
+				playwright: ""
+			};
+		}
+		const step = ref("review");
+		const draft = ref(emptyDraft());
+		const error = ref(null);
+		watch(open, (isOpen) => {
+			if (isOpen) {
+				step.value = "review";
+				draft.value = emptyDraft();
+				error.value = null;
+			}
+		});
+		const modalTitle = computed(() => {
+			if (step.value === "edit") return "Revise os contextos";
+			if (isAuth.value) return "Revise a gravação do login";
+			return __props.scenario ? "Revise a gravação retomada" : "Revise seus eventos";
+		});
+		const generateLabel = computed(() => isAuth.value ? "Gerar autenticação" : "Gerar cenário");
+		const timeline = computed(() => state.value.events.filter((event) => event.type && event.timestamp).sort((a, b) => a.timestamp - b.timestamp));
+		const submitting = ref(false);
+		const baseUrl = computed(() => {
+			const first = timeline.value.find((event) => event.url);
+			if (!first?.url) return null;
+			try {
+				return new URL(first.url).origin;
+			} catch {
+				return null;
+			}
+		});
+		const mappedEvents = computed(() => toRecordedEvents(timeline.value));
+		/** A autenticação não tem contexto para revisar: sai da revisão direto para o auth.setup.ts. */
+		async function recordAuth() {
+			try {
+				const generated = await $fetch$1(`/api/projects/${__props.slug}/auth/record`, {
+					method: "POST",
+					body: {
+						baseUrl: baseUrl.value,
+						events: mappedEvents.value
+					}
+				});
+				open.value = false;
+				emit("generated", generated);
+			} catch (err) {
+				console.error("Falha ao gravar a autenticação:", err);
+				error.value = extractServerError(err, "Não foi possível gerar a autenticação a partir da gravação.");
+				step.value = "review";
+			}
+		}
+		async function generate() {
+			if (!baseUrl.value) {
+				error.value = "Nenhuma navegação registrada na gravação.";
+				return;
+			}
+			error.value = null;
+			step.value = "loading";
+			if (isAuth.value) return recordAuth();
+			try {
+				const generated = await $fetch$1(`/api/projects/${__props.slug}/tests/draft`, {
+					method: "POST",
+					body: {
+						baseUrl: baseUrl.value,
+						events: mappedEvents.value,
+						isPublic: __props.isPublic
+					}
+				});
+				draft.value = __props.scenario ? {
+					...generated,
+					title: __props.scenario.title,
+					path: scenarioId.value,
+					domain: __props.scenario.domain ?? ""
+				} : generated;
+				step.value = "edit";
+			} catch (err) {
+				error.value = extractServerError(err, "Não foi possível gerar o cenário. Tente novamente.");
+				step.value = "review";
+			}
+		}
+		async function commit() {
+			if (!draft.value) return;
+			submitting.value = true;
+			error.value = null;
+			try {
+				const saved = await $fetch$1(__props.scenario ? `/api/projects/${__props.slug}/scenarios/${scenarioId.value}` : `/api/projects/${__props.slug}/tests`, {
+					method: __props.scenario ? "PATCH" : "POST",
+					body: {
+						...draft.value,
+						events: mappedEvents.value
+					}
+				});
+				open.value = false;
+				emit("generated", saved);
+			} catch (err) {
+				error.value = extractServerError(err, "Não foi possível salvar o cenário. Tente novamente.");
+			} finally {
+				submitting.value = false;
+			}
+		}
+		function rerecord() {
+			open.value = false;
+			emit("rerecord");
+		}
+		/** Retomar do passo escolhido mantém o que veio antes dele e descarta ele e os seguintes. */
+		function resume(index) {
+			open.value = false;
+			emit("resume", timeline.value.slice(0, index));
+		}
+		return (_ctx, _push, _parent, _attrs) => {
+			const _component_BaseModal = modal_default$2;
+			const _component_ScenarioReviewLoading = loading_default;
+			const _component_ScenarioWarnings = warnings_default;
+			const _component_ScenarioReviewContexts = contexts_default;
+			const _component_ScenarioReviewTimeline = timeline_default;
+			const _component_UAlert = _sfc_main;
+			const _component_UButton = _sfc_main$1;
+			_push(ssrRenderComponent(_component_BaseModal, mergeProps({
+				open: open.value,
+				"onUpdate:open": ($event) => open.value = $event,
+				title: unref(modalTitle),
+				dismissable: false,
+				loading: unref(step) === "loading",
+				wide: ""
+			}, _attrs), {
+				body: withCtx((_, _push, _parent, _scopeId) => {
+					if (_push) {
+						if (unref(step) === "loading") _push(ssrRenderComponent(_component_ScenarioReviewLoading, { auth: unref(isAuth) }, null, _parent, _scopeId));
+						else if (unref(step) === "edit") {
+							_push(`<!--[-->`);
+							_push(ssrRenderComponent(_component_ScenarioWarnings, {
+								warnings: unref(draft).warnings,
+								slug: __props.slug,
+								class: "mb-4"
+							}, null, _parent, _scopeId));
+							_push(ssrRenderComponent(_component_ScenarioReviewContexts, {
+								draft: unref(draft),
+								"onUpdate:draft": ($event) => isRef(draft) ? draft.value = $event : null,
+								novo: ""
+							}, null, _parent, _scopeId));
+							_push(`<!--]-->`);
+						} else _push(ssrRenderComponent(_component_ScenarioReviewTimeline, {
+							events: unref(timeline),
+							"video-src": unref(state).videoSessionId ? `${unref(url)}/recording/${unref(state).videoSessionId}` : null,
+							"recording-started-at": unref(state).recordingStartedAt,
+							resumable: "",
+							onResume: resume
+						}, null, _parent, _scopeId));
+						if (unref(error)) _push(ssrRenderComponent(_component_UAlert, {
+							color: "error",
+							variant: "soft",
+							description: unref(error),
+							class: "mt-4",
+							"data-testid": "revisao-erro"
+						}, null, _parent, _scopeId));
+						else _push(`<!---->`);
+					} else return [unref(step) === "loading" ? (openBlock(), createBlock(_component_ScenarioReviewLoading, {
+						key: 0,
+						auth: unref(isAuth)
+					}, null, 8, ["auth"])) : unref(step) === "edit" ? (openBlock(), createBlock(Fragment, { key: 1 }, [createVNode(_component_ScenarioWarnings, {
+						warnings: unref(draft).warnings,
+						slug: __props.slug,
+						class: "mb-4"
+					}, null, 8, ["warnings", "slug"]), createVNode(_component_ScenarioReviewContexts, {
+						draft: unref(draft),
+						"onUpdate:draft": ($event) => isRef(draft) ? draft.value = $event : null,
+						novo: ""
+					}, null, 8, ["draft", "onUpdate:draft"])], 64)) : (openBlock(), createBlock(_component_ScenarioReviewTimeline, {
+						key: 2,
+						events: unref(timeline),
+						"video-src": unref(state).videoSessionId ? `${unref(url)}/recording/${unref(state).videoSessionId}` : null,
+						"recording-started-at": unref(state).recordingStartedAt,
+						resumable: "",
+						onResume: resume
+					}, null, 8, [
+						"events",
+						"video-src",
+						"recording-started-at"
+					])), unref(error) ? (openBlock(), createBlock(_component_UAlert, {
+						key: 3,
+						color: "error",
+						variant: "soft",
+						description: unref(error),
+						class: "mt-4",
+						"data-testid": "revisao-erro"
+					}, null, 8, ["description"])) : createCommentVNode("", true)];
+				}),
+				footer: withCtx((_, _push, _parent, _scopeId) => {
+					if (_push) {
+						if (unref(step) === "edit") {
+							_push(`<!--[-->`);
+							_push(ssrRenderComponent(_component_UButton, {
+								label: "Cancelar",
+								color: "neutral",
+								variant: "ghost",
+								"data-testid": "contexto-cancelar",
+								onClick: ($event) => open.value = false
+							}, null, _parent, _scopeId));
+							_push(ssrRenderComponent(_component_UButton, {
+								label: "Enviar",
+								loading: unref(submitting),
+								"data-testid": "contexto-enviar",
+								onClick: commit
+							}, null, _parent, _scopeId));
+							_push(`<!--]-->`);
+						} else {
+							_push(`<!--[-->`);
+							_push(ssrRenderComponent(_component_UButton, {
+								label: "Gravar novamente",
+								color: "neutral",
+								variant: "soft",
+								class: "mr-auto",
+								"data-testid": "revisao-regravar",
+								onClick: rerecord
+							}, null, _parent, _scopeId));
+							_push(ssrRenderComponent(_component_UButton, {
+								label: "Cancelar",
+								color: "neutral",
+								variant: "ghost",
+								"data-testid": "revisao-cancelar",
+								onClick: ($event) => open.value = false
+							}, null, _parent, _scopeId));
+							_push(ssrRenderComponent(_component_UButton, {
+								label: unref(generateLabel),
+								"data-testid": "revisao-gerar",
+								onClick: generate
+							}, null, _parent, _scopeId));
+							_push(`<!--]-->`);
+						}
+					} else return [unref(step) === "edit" ? (openBlock(), createBlock(Fragment, { key: 0 }, [createVNode(_component_UButton, {
+						label: "Cancelar",
+						color: "neutral",
+						variant: "ghost",
+						"data-testid": "contexto-cancelar",
+						onClick: ($event) => open.value = false
+					}, null, 8, ["onClick"]), createVNode(_component_UButton, {
+						label: "Enviar",
+						loading: unref(submitting),
+						"data-testid": "contexto-enviar",
+						onClick: commit
+					}, null, 8, ["loading"])], 64)) : (openBlock(), createBlock(Fragment, { key: 1 }, [
+						createVNode(_component_UButton, {
+							label: "Gravar novamente",
+							color: "neutral",
+							variant: "soft",
+							class: "mr-auto",
+							"data-testid": "revisao-regravar",
+							onClick: rerecord
+						}),
+						createVNode(_component_UButton, {
+							label: "Cancelar",
+							color: "neutral",
+							variant: "ghost",
+							"data-testid": "revisao-cancelar",
+							onClick: ($event) => open.value = false
+						}, null, 8, ["onClick"]),
+						createVNode(_component_UButton, {
+							label: unref(generateLabel),
+							"data-testid": "revisao-gerar",
+							onClick: generate
+						}, null, 8, ["label"])
+					], 64))];
+				}),
+				_: 1
+			}, _parent));
+		};
+	}
+});
+//#endregion
+//#region app/components/scenario/review/modal.vue
+var _sfc_setup$2 = 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/review/modal.vue");
+	return _sfc_setup$2 ? _sfc_setup$2(props, ctx) : void 0;
+};
+var modal_default$1 = Object.assign(modal_vue_vue_type_script_setup_true_lang_default$1, { __name: "ScenarioReviewModal" });
+//#endregion
+//#region app/components/scenario/test-run/steps.vue?vue&type=script&setup=true&lang.ts
+var steps_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "steps",
+	__ssrInlineRender: true,
+	props: { steps: { default: () => [] } },
+	setup(__props) {
+		const stepIcons = {
+			waiting: "i-ic-round-radio-button-unchecked",
+			running: "line-md:loading-twotone-loop",
+			success: "i-ic-round-check-circle",
+			failed: "i-ic-round-error"
+		};
+		const stepColors = {
+			waiting: "text-dimmed",
+			running: "text-neutral",
+			success: "text-success",
+			failed: "text-error"
+		};
+		return (_ctx, _push, _parent, _attrs) => {
+			const _component_UIcon = _sfc_main$5;
+			_push(`<ol${ssrRenderAttrs(mergeProps({ class: "flex flex-col" }, _attrs))}><!--[-->`);
+			ssrRenderList(__props.steps, (step, i) => {
+				_push(`<li data-testid="execucao-step"${ssrRenderAttr("data-status", step.status)} class="flex items-stretch gap-3 pb-4 last:pb-0"><div class="flex flex-col items-center">`);
+				_push(ssrRenderComponent(_component_UIcon, {
+					name: stepIcons[step.status],
+					class: ["size-6 shrink-0 transition-colors", stepColors[step.status]]
+				}, null, _parent));
+				if (i < __props.steps.length - 1) _push(`<span class="w-px grow min-h-4 -mb-4 bg-inverted/30"></span>`);
+				else _push(`<!---->`);
+				_push(`</div><div class="min-w-0"><p class="text-base" data-testid="execucao-step-titulo">${ssrInterpolate(step.title)}</p>`);
+				if (step.status === "failed" && step.error) _push(`<p class="text-sm text-dimmed mt-1" data-testid="execucao-step-erro"><span class="font-semibold text-error">Erro:</span> ${ssrInterpolate(step.error)}</p>`);
+				else _push(`<!---->`);
+				_push(`</div></li>`);
+			});
+			_push(`<!--]--></ol>`);
+		};
+	}
+});
+//#endregion
+//#region app/components/scenario/test-run/steps.vue
+var _sfc_setup$1 = steps_vue_vue_type_script_setup_true_lang_default.setup;
+steps_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/steps.vue");
+	return _sfc_setup$1 ? _sfc_setup$1(props, ctx) : void 0;
+};
+var steps_default = Object.assign(steps_vue_vue_type_script_setup_true_lang_default, { __name: "ScenarioTestRunSteps" });
+//#endregion
+//#region app/components/scenario/test-run/modal.vue?vue&type=script&setup=true&lang.ts
+var modal_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "modal",
+	__ssrInlineRender: true,
+	props: /*@__PURE__*/ mergeModels({
+		running: {
+			type: Boolean,
+			default: false
+		},
+		passed: {
+			type: Boolean,
+			default: false
+		},
+		steps: { default: () => [] },
+		videoUrl: { default: null },
+		projectName: {},
+		scenarioName: {},
+		branch: { default: null },
+		testedAt: { default: null },
+		playwright: { default: null },
+		output: { default: null },
+		kind: { default: "cenario" }
+	}, {
+		"open": {
+			type: Boolean,
+			default: false
+		},
+		"openModifiers": {}
+	}),
+	emits: /*@__PURE__*/ mergeModels(["fix"], ["update:open"]),
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const open = useModel(__props, "open");
+		const { configured: aiConfigured } = useAi();
+		const isAuth = computed(() => __props.kind === "autenticacao");
+		const label = computed(() => isAuth.value ? "Autenticação" : "Cenário");
+		const runningTitle = computed(() => isAuth.value ? "Testando autenticação..." : "Testando cenário...");
+		const resultTitle = computed(() => isAuth.value ? "Resultado da autenticação" : "Resultado do teste");
+		const failedStep = computed(() => __props.steps.findIndex((step) => step.status === "failed"));
+		function seekToPreviewFrame(event) {
+			const video = event.target;
+			video.currentTime = video.duration * .25;
+		}
+		return (_ctx, _push, _parent, _attrs) => {
+			const _component_BaseModal = modal_default$2;
+			const _component_UBadge = _sfc_main$2;
+			const _component_UTooltip = _sfc_main$7;
+			const _component_UButton = _sfc_main$1;
+			const _component_BaseLoadingPhrases = phrases_default;
+			const _component_UAlert = _sfc_main;
+			const _component_ScenarioTestRunSteps = steps_default;
+			const _component_BaseCodefield = codefield_default;
+			_push(ssrRenderComponent(_component_BaseModal, mergeProps({
+				open: open.value,
+				"onUpdate:open": ($event) => open.value = $event,
+				dismissable: !__props.running,
+				wide: ""
+			}, _attrs), createSlots({
+				header: withCtx((_, _push, _parent, _scopeId) => {
+					if (_push) {
+						_push(`<div class="flex w-full items-start justify-between gap-4"${_scopeId}><div class="flex flex-col pt-6 gap-2"${_scopeId}>`);
+						if (__props.running) _push(`<p class="text-xl font-bold"${_scopeId}>${ssrInterpolate(unref(runningTitle))}</p>`);
+						else {
+							_push(`<!--[-->`);
+							_push(ssrRenderComponent(_component_UBadge, {
+								class: "self-start",
+								color: __props.passed ? "success" : "error",
+								icon: __props.passed ? "i-ic-round-check-circle" : "i-ic-round-error",
+								label: __props.passed ? "Sucesso" : "Falha",
+								"data-testid": "execucao-status"
+							}, null, _parent, _scopeId));
+							_push(`<p class="mt-2 text-xl font-bold"${_scopeId}>${ssrInterpolate(unref(resultTitle))}</p><!--]-->`);
+						}
+						_push(`</div>`);
+						if (!__props.running && !__props.passed && unref(failedStep) !== -1) _push(ssrRenderComponent(_component_UTooltip, {
+							text: unref(AI_OFF_HINT),
+							disabled: unref(aiConfigured),
+							"delay-duration": 0,
+							arrow: ""
+						}, {
+							default: withCtx((_, _push, _parent, _scopeId) => {
+								if (_push) {
+									_push(`<span class="mt-6 shrink-0"${_scopeId}>`);
+									_push(ssrRenderComponent(_component_UButton, {
+										label: "Corrigir",
+										"trailing-icon": "i-ic-round-auto-awesome",
+										disabled: !unref(aiConfigured),
+										class: unref(aiConfigured) ? "" : "pointer-events-none",
+										"data-testid": "execucao-corrigir",
+										onClick: ($event) => emit("fix")
+									}, null, _parent, _scopeId));
+									_push(`</span>`);
+								} else return [createVNode("span", { class: "mt-6 shrink-0" }, [createVNode(_component_UButton, {
+									label: "Corrigir",
+									"trailing-icon": "i-ic-round-auto-awesome",
+									disabled: !unref(aiConfigured),
+									class: unref(aiConfigured) ? "" : "pointer-events-none",
+									"data-testid": "execucao-corrigir",
+									onClick: ($event) => emit("fix")
+								}, null, 8, [
+									"disabled",
+									"class",
+									"onClick"
+								])])];
+							}),
+							_: 1
+						}, _parent, _scopeId));
+						else _push(`<!---->`);
+						_push(`</div>`);
+					} else return [createVNode("div", { class: "flex w-full items-start justify-between gap-4" }, [createVNode("div", { class: "flex flex-col pt-6 gap-2" }, [__props.running ? (openBlock(), createBlock("p", {
+						key: 0,
+						class: "text-xl font-bold"
+					}, toDisplayString(unref(runningTitle)), 1)) : (openBlock(), createBlock(Fragment, { key: 1 }, [createVNode(_component_UBadge, {
+						class: "self-start",
+						color: __props.passed ? "success" : "error",
+						icon: __props.passed ? "i-ic-round-check-circle" : "i-ic-round-error",
+						label: __props.passed ? "Sucesso" : "Falha",
+						"data-testid": "execucao-status"
+					}, null, 8, [
+						"color",
+						"icon",
+						"label"
+					]), createVNode("p", { class: "mt-2 text-xl font-bold" }, toDisplayString(unref(resultTitle)), 1)], 64))]), !__props.running && !__props.passed && unref(failedStep) !== -1 ? (openBlock(), createBlock(_component_UTooltip, {
+						key: 0,
+						text: unref(AI_OFF_HINT),
+						disabled: unref(aiConfigured),
+						"delay-duration": 0,
+						arrow: ""
+					}, {
+						default: withCtx(() => [createVNode("span", { class: "mt-6 shrink-0" }, [createVNode(_component_UButton, {
+							label: "Corrigir",
+							"trailing-icon": "i-ic-round-auto-awesome",
+							disabled: !unref(aiConfigured),
+							class: unref(aiConfigured) ? "" : "pointer-events-none",
+							"data-testid": "execucao-corrigir",
+							onClick: ($event) => emit("fix")
+						}, null, 8, [
+							"disabled",
+							"class",
+							"onClick"
+						])])]),
+						_: 1
+					}, 8, ["text", "disabled"])) : createCommentVNode("", true)])];
+				}),
+				body: withCtx((_, _push, _parent, _scopeId) => {
+					if (_push) {
+						if (__props.running && __props.steps.length === 0) _push(ssrRenderComponent(_component_BaseLoadingPhrases, {
+							phrases: ["Iniciando a execução"],
+							"data-testid": "execucao-iniciando"
+						}, null, _parent, _scopeId));
+						else {
+							_push(`<!--[-->`);
+							if (!__props.running) {
+								_push(`<div class="mb-6 space-y-0.5 text-sm" data-testid="execucao-detalhes"${_scopeId}><p${_scopeId}><span class="font-semibold"${_scopeId}>Projeto:</span> ${ssrInterpolate(__props.projectName)}</p><p${_scopeId}><span class="font-semibold"${_scopeId}>${ssrInterpolate(unref(label))}:</span> ${ssrInterpolate(__props.scenarioName)}</p>`);
+								if (__props.branch) _push(`<p${_scopeId}><span class="font-semibold"${_scopeId}>Branch:</span> ${ssrInterpolate(__props.branch)}</p>`);
+								else _push(`<!---->`);
+								if (__props.testedAt) _push(`<p${_scopeId}><span class="font-semibold"${_scopeId}>Testado em:</span> ${ssrInterpolate(__props.testedAt)}</p>`);
+								else _push(`<!---->`);
+								_push(`</div>`);
+							} else _push(`<!---->`);
+							if (__props.videoUrl) _push(`<video${ssrRenderAttr("src", __props.videoUrl)} preload="metadata" controls class="mx-auto mb-6 w-3/4 rounded-lg bg-elevated" data-testid="execucao-video"${_scopeId}></video>`);
+							else _push(`<!---->`);
+							if (__props.output) _push(ssrRenderComponent(_component_UAlert, {
+								color: "error",
+								variant: "soft",
+								icon: "i-ic-round-error",
+								title: "A execução não chegou a começar",
+								class: "mb-6",
+								"data-testid": "execucao-saida"
+							}, {
+								description: withCtx((_, _push, _parent, _scopeId) => {
+									if (_push) _push(`<p class="mb-2"${_scopeId}> O Playwright encerrou antes de rodar qualquer passo. Saída do runner: </p><code class="block whitespace-pre-wrap font-mono text-xs"${_scopeId}>${ssrInterpolate(__props.output)}</code>`);
+									else return [createVNode("p", { class: "mb-2" }, " O Playwright encerrou antes de rodar qualquer passo. Saída do runner: "), createVNode("code", { class: "block whitespace-pre-wrap font-mono text-xs" }, toDisplayString(__props.output), 1)];
+								}),
+								_: 1
+							}, _parent, _scopeId));
+							else _push(`<!---->`);
+							if (__props.steps.length) _push(`<p class="mb-3 text-lg font-semibold"${_scopeId}> Timeline de eventos </p>`);
+							else _push(`<!---->`);
+							_push(ssrRenderComponent(_component_ScenarioTestRunSteps, { steps: __props.steps }, null, _parent, _scopeId));
+							if (__props.playwright) {
+								_push(`<!--[--><p class="mt-6 mb-3 text-lg font-semibold"${_scopeId}> Código executado </p>`);
+								_push(ssrRenderComponent(_component_BaseCodefield, {
+									"model-value": __props.playwright,
+									language: "typescript",
+									readonly: "",
+									testid: "execucao-playwright"
+								}, null, _parent, _scopeId));
+								_push(`<!--]-->`);
+							} else _push(`<!---->`);
+							_push(`<!--]-->`);
+						}
+					} else return [__props.running && __props.steps.length === 0 ? (openBlock(), createBlock(_component_BaseLoadingPhrases, {
+						key: 0,
+						phrases: ["Iniciando a execução"],
+						"data-testid": "execucao-iniciando"
+					})) : (openBlock(), createBlock(Fragment, { key: 1 }, [
+						!__props.running ? (openBlock(), createBlock("div", {
+							key: 0,
+							class: "mb-6 space-y-0.5 text-sm",
+							"data-testid": "execucao-detalhes"
+						}, [
+							createVNode("p", null, [createVNode("span", { class: "font-semibold" }, "Projeto:"), createTextVNode(" " + toDisplayString(__props.projectName), 1)]),
+							createVNode("p", null, [createVNode("span", { class: "font-semibold" }, toDisplayString(unref(label)) + ":", 1), createTextVNode(" " + toDisplayString(__props.scenarioName), 1)]),
+							__props.branch ? (openBlock(), createBlock("p", { key: 0 }, [createVNode("span", { class: "font-semibold" }, "Branch:"), createTextVNode(" " + toDisplayString(__props.branch), 1)])) : createCommentVNode("", true),
+							__props.testedAt ? (openBlock(), createBlock("p", { key: 1 }, [createVNode("span", { class: "font-semibold" }, "Testado em:"), createTextVNode(" " + toDisplayString(__props.testedAt), 1)])) : createCommentVNode("", true)
+						])) : createCommentVNode("", true),
+						__props.videoUrl ? (openBlock(), createBlock("video", {
+							key: 1,
+							src: __props.videoUrl,
+							preload: "metadata",
+							controls: "",
+							class: "mx-auto mb-6 w-3/4 rounded-lg bg-elevated",
+							"data-testid": "execucao-video",
+							onLoadedmetadata: seekToPreviewFrame
+						}, null, 40, ["src"])) : createCommentVNode("", true),
+						__props.output ? (openBlock(), createBlock(_component_UAlert, {
+							key: 2,
+							color: "error",
+							variant: "soft",
+							icon: "i-ic-round-error",
+							title: "A execução não chegou a começar",
+							class: "mb-6",
+							"data-testid": "execucao-saida"
+						}, {
+							description: withCtx(() => [createVNode("p", { class: "mb-2" }, " O Playwright encerrou antes de rodar qualquer passo. Saída do runner: "), createVNode("code", { class: "block whitespace-pre-wrap font-mono text-xs" }, toDisplayString(__props.output), 1)]),
+							_: 1
+						})) : createCommentVNode("", true),
+						__props.steps.length ? (openBlock(), createBlock("p", {
+							key: 3,
+							class: "mb-3 text-lg font-semibold"
+						}, " Timeline de eventos ")) : createCommentVNode("", true),
+						createVNode(_component_ScenarioTestRunSteps, { steps: __props.steps }, null, 8, ["steps"]),
+						__props.playwright ? (openBlock(), createBlock(Fragment, { key: 4 }, [createVNode("p", { class: "mt-6 mb-3 text-lg font-semibold" }, " Código executado "), createVNode(_component_BaseCodefield, {
+							"model-value": __props.playwright,
+							language: "typescript",
+							readonly: "",
+							testid: "execucao-playwright"
+						}, null, 8, ["model-value"])], 64)) : createCommentVNode("", true)
+					], 64))];
+				}),
+				_: 2
+			}, [!__props.running ? {
+				name: "footer",
+				fn: withCtx((_, _push, _parent, _scopeId) => {
+					if (_push) _push(ssrRenderComponent(_component_UButton, {
+						label: "Fechar",
+						color: "neutral",
+						variant: "ghost",
+						"data-testid": "execucao-fechar",
+						onClick: ($event) => open.value = false
+					}, null, _parent, _scopeId));
+					else return [createVNode(_component_UButton, {
+						label: "Fechar",
+						color: "neutral",
+						variant: "ghost",
+						"data-testid": "execucao-fechar",
+						onClick: ($event) => open.value = false
+					}, null, 8, ["onClick"])];
+				}),
+				key: "0"
+			} : void 0]), _parent));
+		};
+	}
+});
+//#endregion
+//#region app/components/scenario/test-run/modal.vue
+var _sfc_setup = modal_vue_vue_type_script_setup_true_lang_default.setup;
+modal_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/modal.vue");
+	return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
+};
+var modal_default = Object.assign(modal_vue_vue_type_script_setup_true_lang_default, { __name: "ScenarioTestRunModal" });
+//#endregion
+//#region app/composables/run-stream.ts
+/** O que o Playwright reporta por passo/teste, no vocabulário da timeline. */
+var STATUS = {
+	pending: "running",
+	success: "success",
+	failed: "failed",
+	skipped: "waiting"
+};
+function videoUrlFor(path) {
+	return `/runner/video?${new URLSearchParams({ path })}`;
+}
+/** O relatório HTML da última execução do projeto, servido pelo backend com vídeo e trace dentro. */
+function reportUrlFor(slug) {
+	return `/api/projects/${slug}/report/`;
+}
+function formatTestedAt(date) {
+	return date.toLocaleString("pt-BR", {
+		dateStyle: "short",
+		timeStyle: "short"
+	});
+}
+/** Execução de um spec pelo backend, com a timeline chegando passo a passo por SSE. */
+function useRunStream(slug) {
+	const steps = ref([]);
+	const ran = ref([]);
+	const running = ref(false);
+	const passed = ref(false);
+	const videoUrl = ref(null);
+	const testedAt = ref(null);
+	const output = ref(null);
+	/** A ordem é a que o teste declarou; o passo que ele nunca anunciou entra no fim, na chegada. */
+	const tests = computed(() => ran.value.map((test) => ({
+		...test,
+		steps: steps.value.map((step, arrival) => ({
+			step,
+			arrival
+		})).filter(({ step }) => step.testId === test.id).sort((a, b) => (a.step.order ?? Infinity) - (b.step.order ?? Infinity) || a.arrival - b.arrival).map(({ step }) => step)
+	})));
+	function reset() {
+		steps.value = [];
+		ran.value = [];
+		videoUrl.value = null;
+		testedAt.value = null;
+		output.value = null;
+		passed.value = false;
+	}
+	/** O passo pertence ao teste do evento; a semente da timeline ainda não tem dono e serve a qualquer um. */
+	function sameTest(step, event) {
+		return !event.testId || !step.testId || step.testId === event.testId;
+	}
+	/** A timeline semeada pelo run inteiro não tem dono: o teste adota a que é dele antes de criar a sua. */
+	function seed(testId, titles) {
+		const seeded = [...steps.value];
+		titles.forEach((title, order) => {
+			const orphan = seeded.findIndex((step) => step.title === title && step.status === "waiting" && !step.testId);
+			const step = {
+				testId,
+				order,
+				title,
+				status: "waiting"
+			};
+			if (orphan === -1) seeded.push(step);
+			else seeded[orphan] = step;
+		});
+		steps.value = seeded;
+	}
+	function start({ spec, grep }, onFinish) {
+		reset();
+		running.value = true;
+		const query = new URLSearchParams({
+			...spec ? { spec } : {},
+			...grep ? { grep } : {}
+		});
+		const source = new EventSource(`/api/projects/${slug()}/run-stream?${query}`);
+		source.onmessage = (message) => {
+			const data = JSON.parse(message.data);
+			if (data.event === "run:started") steps.value = (data.steps ?? []).map((title) => ({
+				title,
+				status: "waiting"
+			}));
+			if (data.event === "step") {
+				if (data.status === "pending") {
+					const own = steps.value.findIndex((step) => step.title === data.title && step.status === "waiting" && step.testId === data.testId);
+					const waiting = own !== -1 ? own : steps.value.findIndex((step) => step.title === data.title && step.status === "waiting" && sameTest(step, data));
+					const seeded = waiting === -1 ? void 0 : steps.value[waiting];
+					const step = {
+						testId: data.testId,
+						order: seeded?.order,
+						title: data.title,
+						status: "running"
+					};
+					if (waiting === -1) steps.value = [...steps.value, step];
+					else steps.value[waiting] = step;
+					return;
+				}
+				const running = steps.value.findLastIndex((step) => step.title === data.title && step.status === "running" && sameTest(step, data));
+				const index = running !== -1 || data.status !== "failed" ? running : steps.value.findLastIndex((step) => step.title === data.title && step.status === "success" && sameTest(step, data));
+				if (index !== -1) steps.value[index] = {
+					testId: steps.value[index].testId ?? data.testId,
+					order: steps.value[index].order,
+					title: data.title,
+					status: STATUS[data.status],
+					error: data.error ?? null
+				};
+			}
+			if (data.event === "test") {
+				if (data.id) {
+					if (!ran.value.some((previous) => previous.id === data.id) && data.steps?.length) seed(data.id, data.steps);
+					const test = {
+						id: data.id,
+						title: data.title,
+						status: STATUS[data.status],
+						error: data.error ?? null
+					};
+					const known = ran.value.findIndex((previous) => previous.id === data.id);
+					if (known === -1) ran.value = [...ran.value, test];
+					else ran.value[known] = test;
+				}
+				if (data.status !== "pending" && data.videoPath) videoUrl.value = videoUrlFor(data.videoPath);
+			}
+			if (data.event === "run:finished") {
+				source.close();
+				running.value = false;
+				passed.value = data.passed;
+				output.value = data.output ?? null;
+				testedAt.value = formatTestedAt(/* @__PURE__ */ new Date());
+				onFinish?.();
+			}
+		};
+		source.onerror = () => {
+			source.close();
+			running.value = false;
+			testedAt.value = formatTestedAt(/* @__PURE__ */ new Date());
+			if (steps.value.length === 0) steps.value = [{
+				title: "Não foi possível executar o teste.",
+				status: "failed"
+			}];
+		};
+	}
+	return {
+		steps,
+		tests,
+		running,
+		passed,
+		videoUrl,
+		testedAt,
+		output,
+		failedStep: computed(() => steps.value.find((step) => step.status === "failed")),
+		start,
+		reset
+	};
+}
+//#endregion
+//#region app/utils/tags.ts
+function tagColor(tag) {
+	if (tag === "@read") return "success";
+	if (tag === "@write") return "warning";
+	return "primary";
+}
+
+export { useWebdriver as a, timeline_default as b, codefield_default as c, confirm_default as d, empty_default as e, modal_default as f, formatTestedAt as g, draftFromScenario as h, contexts_default as i, steps_default as j, modal_default$1 as m, phrases_default as p, reportUrlFor as r, setup_default as s, tagColor as t, useRunStream as u, videoUrlFor as v, warnings_default as w };
+//# sourceMappingURL=tags-DXumXgr9.mjs.map