lib-e2e-cypress-for-dummys-ts 0.9.0 → 0.10.0

package/dist/index.cjs

@@ -30,6 +30,41 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
+// src/utils/code-format.utils.ts
+function gcd(a, b) {
+  while (b) {
+    const t = b;
+    b = a % b;
+    a = t;
+  }
+  return a;
+}
+function escapeSingleQuotes(value) {
+  return value.replace(/\\/g, "\\\\").replace(/'/g, "\\'");
+}
+function escapeCssAttrValue(value) {
+  return value.replace(/"/g, '\\"');
+}
+function normalizeBlock(code, baseIndent) {
+  const lines = code.split("\n").map((l) => l.trimEnd());
+  const nonEmpty = lines.filter((l) => l.trim().length > 0);
+  if (!nonEmpty.length) return "";
+  const indents = nonEmpty.map((l) => l.length - l.trimStart().length);
+  const minIndent = Math.min(...indents);
+  const relIndents = [...new Set(indents.map((n) => n - minIndent).filter((n) => n > 0))];
+  const step = relIndents.length > 0 ? relIndents.reduce(gcd) : 2;
+  return lines.map((l) => {
+    if (!l.trim()) return "";
+    const level = Math.round((l.length - l.trimStart().length - minIndent) / step);
+    return baseIndent + "  ".repeat(level) + l.trimStart();
+  }).join("\n");
+}
+var init_code_format_utils = __esm({
+  "src/utils/code-format.utils.ts"() {
+    "use strict";
+  }
+});
+
 // src/utils/selector-quality.utils.ts
 function getSelectorQuality(el) {
   if (el.hasAttribute("data-cy") || el.hasAttribute("data-testid") || el.hasAttribute("aria-label")) {
@@ -46,11 +81,11 @@ function getSelectorQuality(el) {
 }
 function buildPickerSelector(el) {
   const dataCy = el.getAttribute("data-cy");
-  if (dataCy) return `[data-cy="${dataCy}"]`;
+  if (dataCy) return `[data-cy="${escapeCssAttrValue(dataCy)}"]`;
   const dataTestid = el.getAttribute("data-testid");
-  if (dataTestid) return `[data-testid="${dataTestid}"]`;
+  if (dataTestid) return `[data-testid="${escapeCssAttrValue(dataTestid)}"]`;
   const ariaLabel = el.getAttribute("aria-label");
-  if (ariaLabel) return `[aria-label="${ariaLabel}"]`;
+  if (ariaLabel) return `[aria-label="${escapeCssAttrValue(ariaLabel)}"]`;
   const rawId = el.id;
   if (rawId && rawId.length < 25 && /^[a-zA-Z][\w-]*$/.test(rawId) && !FORBIDDEN_ID_PREFIXES.some((p) => rawId.startsWith(p)) && !/^\d+$/.test(rawId)) {
     return `#${rawId}`;
@@ -84,6 +119,7 @@ var FORBIDDEN_ID_PREFIXES;
 var init_selector_quality_utils = __esm({
   "src/utils/selector-quality.utils.ts"() {
     "use strict";
+    init_code_format_utils();
     FORBIDDEN_ID_PREFIXES = [
       "cdk-",
       "mat-",
@@ -314,6 +350,7 @@ var init_selector_picker = __esm({
   "src/components/selector-picker/selector-picker.ts"() {
     "use strict";
     init_selector_quality_utils();
+    init_code_format_utils();
     init_selector_picker_styles();
     init_selector_picker_template();
     OWN_DATA_CY = "lib-e2e-cypress-for-dummys";
@@ -433,7 +470,7 @@ var init_selector_picker = __esm({
       confirm(index) {
         const row = this.rows[index];
         if (!row) return;
-        const command = `cy.get('${row.selector}').click()`;
+        const command = `cy.get('${escapeSingleQuotes(row.selector)}').click()`;
         this.recording.appendCommand(command);
         this.dispatchEvent(new CustomEvent("selectorchosen", { detail: command, bubbles: true, composed: true }));
         this.closeSilently();
@@ -451,8 +488,8 @@ var init_selector_picker = __esm({
         this.remove();
       }
     };
-    if (!customElements.get("selector-picker")) {
-      customElements.define("selector-picker", SelectorPickerElement);
+    if (!customElements.get("lib-e2e-selector-picker")) {
+      customElements.define("lib-e2e-selector-picker", SelectorPickerElement);
     }
   }
 });
@@ -482,18 +519,19 @@ __export(index_exports, {
   SUPPORTED_LANGS: () => SUPPORTED_LANGS,
   SaveTestElement: () => SaveTestElement,
   SelectorPickerElement: () => SelectorPickerElement,
-  Subject: () => Subject,
   TOGGLE_MARGIN: () => TOGGLE_MARGIN,
   TestEditorElement: () => TestEditorElement,
   TestPrevisualizerElement: () => TestPrevisualizerElement,
   TransformationService: () => TransformationService,
   TranslationService: () => TranslationService,
   VERSION: () => VERSION,
+  _resetHttpMonitorState: () => _resetHttpMonitorState,
   advancedTestTransformationService: () => advancedTestTransformationService,
   boxOffsetForDirection: () => boxOffsetForDirection,
   boxTopLeftFor: () => boxTopLeftFor,
   clampTogglePosition: () => clampTogglePosition,
   defaultTogglePosition: () => defaultTogglePosition,
+  ensurePopupDimensions: () => ensurePopupDimensions,
   generateAlias: () => generateAlias,
   inferAssertionCommand: () => inferAssertionCommand,
   injectStyles: () => injectStyles,
@@ -503,7 +541,6 @@ __export(index_exports, {
   makeModalResizable: () => makeModalResizable,
   makeSwalDraggable: () => makeSwalDraggable,
   makeSwalDraggableByContentId: () => makeSwalDraggableByContentId,
-  persistenceService: () => persistenceService,
   resolveExpandDirection: () => resolveExpandDirection,
   selectTestsForExport: () => selectTestsForExport,
   setSwal2DataCyAttribute: () => setSwal2DataCyAttribute,
@@ -650,7 +687,10 @@ var I18N_ES = {
     NOTES_PLACEHOLDER: "Qu\xE9 valida este test, condiciones previas, etc.",
     TICKET_LABEL: "Ticket / Issue (opcional):",
     TICKET_PLACEHOLDER: "Ej: PROJ-123, #42",
-    TICKET_WARN: "ID no v\xE1lido para el proveedor configurado (se guardar\xE1 igualmente)"
+    TICKET_WARN: "ID no v\xE1lido para el proveedor configurado (se guardar\xE1 igualmente)",
+    CONFIRM_DISCARD: "\xBFSeguro que quieres descartar el test grabado? Se perder\xE1n todos los pasos registrados.",
+    CONFIRM_DISCARD_BTN: "S\xED, descartar",
+    BACK_BTN: "Volver"
   },
   TEST_EDITOR: {
     NO_TAGS: "Sin etiquetas",
@@ -732,7 +772,30 @@ var I18N_ES = {
     ISSUE_TRACKER_SUB: "A\xF1ade un ID de ticket al guardar y genera un enlace clickable en el listado.",
     ISSUE_TRACKER_PROVIDER: "Proveedor",
     ISSUE_TRACKER_BASE_URL: "URL base",
-    ISSUE_TRACKER_BASE_URL_PH: "Ej: https://miproyecto.atlassian.net"
+    ISSUE_TRACKER_BASE_URL_PH: "Ej: https://miproyecto.atlassian.net",
+    LOGIN_SETUP_SECTION: "\u{1F510} Login setup",
+    LOGIN_SETUP_NOT_CONFIGURED: "No configurado",
+    LOGIN_SETUP_SET_UP_BTN: "Configurar",
+    LOGIN_SETUP_TITLE: "Configuraci\xF3n de login",
+    LOGIN_SETUP_CREATE_SCAFFOLD: "Crear scaffold",
+    LOGIN_SETUP_SELECT_EXISTING: "Seleccionar fichero existente",
+    LOGIN_SETUP_FILE_NAME_LABEL: "Nombre del fichero",
+    LOGIN_SETUP_FILE_NAME_PH: "Ej: cypress/common-services/login.service.ts",
+    LOGIN_SETUP_RESCAN: "\u{1F504} Re-escanear",
+    LOGIN_SETUP_NO_FUNCTIONS: "No se encontraron funciones exportadas. Rellena el scaffold y re-escanea.",
+    LOGIN_SETUP_BEFORE_LABEL: "Funci\xF3n before() (una vez por suite)",
+    LOGIN_SETUP_BEFORE_EACH_LABEL: "Funci\xF3n beforeEach() (antes de cada test)",
+    LOGIN_SETUP_NONE_OPTION: "\u2014 Ninguna \u2014",
+    LOGIN_SETUP_SUMMARY: "Fichero: {file} \xB7 before: {before} \xB7 beforeEach: {beforeEach}",
+    LOGIN_SETUP_SAVE_BTN: "\u{1F4BE} Guardar",
+    LOGIN_SETUP_CLEAR_BTN: "Eliminar configuraci\xF3n",
+    LOGIN_SETUP_CANCEL_BTN: "Cancelar",
+    LOGIN_SETUP_SOURCE_LABEL: "Origen del fichero de login",
+    LOGIN_SETUP_CREATE_SUB: "Genera un scaffold con funciones de ejemplo",
+    LOGIN_SETUP_SELECT_SUB: "Apunta a un servicio de login existente",
+    LOGIN_SETUP_INJECT_TITLE: "\xBFA\xF1adir bloques de login?",
+    LOGIN_SETUP_INJECT_TEXT: "Este fichero no tiene los bloques de login configurados. \xBFQuieres a\xF1adir el import y los bloques before/beforeEach ahora?",
+    LOGIN_SETUP_INJECT_CONFIRM: "S\xED, a\xF1adir"
   },
   SELECTOR_PICKER: {
     TITLE: "Selecciona un elemento del DOM",
@@ -823,6 +886,9 @@ var I18N_ES = {
     FILE_SAVE_ERROR_TOAST: "Error al guardar el archivo",
     FIXTURES_WRITTEN_TOAST: "\u2713 Fixtures escritos en cypress/fixtures",
     FIXTURES_NO_FOLDER_TOAST: "No se pudieron escribir los fixtures (configura la carpeta Cypress)",
+    FILE_UPLOAD_MANUAL_TOAST: "A\xF1ade {files} a cypress/fixtures/ antes de ejecutar el test.",
+    FILE_UPLOAD_COPIED_TOAST: "{files} copiado/s a cypress/fixtures/.",
+    FILE_UPLOAD_COPY_ERROR_TOAST: "No se pudo copiar {files} a cypress/fixtures/. A\xF1\xE1delo manualmente.",
     BTN_CONFIG: "Config",
     BTN_FILES: "Ficheros",
     BTN_COMMANDS: "Comandos",
@@ -870,7 +936,7 @@ var I18N_ES = {
     SEC_PANELS: "\u{1F5C2} Paneles",
     PANEL_TESTS: "\u{1F4CB} Tests \u2014 guardados: filtrar por tag, copiar, combinar, exportar.",
     PANEL_COMMANDS: "\u2328\uFE0F Comandos \u2014 de la grabaci\xF3n actual: reordenar, borrar, a\xF1adir aserciones.",
-    PANEL_CONFIG: "\u2699\uFE0F Config \u2014 idioma, selector, HTTP, carpeta Cypress, datos, visibilidad, posici\xF3n.",
+    PANEL_CONFIG: "\u2699\uFE0F Config \u2014 idioma, selector, HTTP, carpeta Cypress, login setup, datos, visibilidad, posici\xF3n.",
     PANEL_FILES: "\u{1F4C1} Ficheros \u2014 inserta tests en tus .cy.ts y lanza el runner.",
     SEC_SELECTOR: "\u{1F50E} Selectores",
     SELECTOR_1: "Elige el atributo preferido (data-cy, data-testid, aria-label, id) en Config.",
@@ -883,6 +949,7 @@ var I18N_ES = {
     ADV_RUNNER: "Runner local: npx lib-e2e-cypress-runner para lanzar un spec headless desde el editor.",
     ADV_CROSSAPP: "Cross-app: la grabaci\xF3n sobrevive al cambiar de micro-frontend (mismo origen).",
     ADV_DRAG: "Arrastra el bot\xF3n \u23FA para mover el widget; recuerda su posici\xF3n.",
+    ADV_LOGIN: "Login Setup (Ctrl+3): apunta a tu servicio de login; el grabador inyecta before()/beforeEach() autom\xE1ticamente en cada test nuevo.",
     CLOSE: "Cerrar",
     TAB_REFERENCE: "Referencia r\xE1pida",
     TAB_GUIDE: "Gu\xEDa de uso",
@@ -900,13 +967,13 @@ var I18N_ES = {
     G_COV_4: "Selector fiable (data-cy/testid/aria/id) y picker cuando no hay uno claro.",
     G_COV_5: "Aserciones autom\xE1ticas (Alt+click) y constructor manual.",
     G_COV_6: "Continuidad al cambiar de micro-frontend (mismo origen), modo invisible e i18n.",
+    G_COV_7: "Login Setup: configura tu funci\xF3n de login en Ctrl+3 \u2192 Login Setup y el grabador a\xF1ade los bloques before()/beforeEach() a cada test nuevo.",
     G_SEC_NOTCOVERED: "\u{1F6AB} Qu\xE9 NO cubre (por ahora)",
     G_NC_1: "Or\xEDgenes distintos / subdominios (solo mismo origen).",
     G_NC_2: "Subida de ficheros (selectFile), arrastrar y soltar, y hover.",
     G_NC_3: "La tecla Tab (Cypress no la soporta en .type()).",
     G_NC_4: "Peticiones DELETE (se ignoran a prop\xF3sito).",
-    G_NC_5: "iframes y Shadow DOM de terceros pueden no capturarse.",
-    G_NC_6: "Generaci\xF3n de login program\xE1tico (en el roadmap)."
+    G_NC_5: "iframes y Shadow DOM de terceros pueden no capturarse."
   }
 };
 
@@ -937,7 +1004,10 @@ var I18N_EN = {
     NOTES_PLACEHOLDER: "What this test validates, preconditions, etc.",
     TICKET_LABEL: "Ticket / Issue (optional):",
     TICKET_PLACEHOLDER: "E.g.: PROJ-123, #42",
-    TICKET_WARN: "Invalid ID for the configured provider (will be saved anyway)"
+    TICKET_WARN: "Invalid ID for the configured provider (will be saved anyway)",
+    CONFIRM_DISCARD: "Are you sure you want to discard this recording? All recorded steps will be lost.",
+    CONFIRM_DISCARD_BTN: "Yes, discard",
+    BACK_BTN: "Go back"
   },
   TEST_EDITOR: {
     NO_TAGS: "No tags",
@@ -1019,7 +1089,30 @@ var I18N_EN = {
     ISSUE_TRACKER_SUB: "Add a ticket ID when saving and generate a clickable link in the test list.",
     ISSUE_TRACKER_PROVIDER: "Provider",
     ISSUE_TRACKER_BASE_URL: "Base URL",
-    ISSUE_TRACKER_BASE_URL_PH: "E.g.: https://myproject.atlassian.net"
+    ISSUE_TRACKER_BASE_URL_PH: "E.g.: https://myproject.atlassian.net",
+    LOGIN_SETUP_SECTION: "\u{1F510} Login setup",
+    LOGIN_SETUP_NOT_CONFIGURED: "Not configured",
+    LOGIN_SETUP_SET_UP_BTN: "Set up",
+    LOGIN_SETUP_TITLE: "Login setup",
+    LOGIN_SETUP_CREATE_SCAFFOLD: "Create scaffold",
+    LOGIN_SETUP_SELECT_EXISTING: "Select existing file",
+    LOGIN_SETUP_FILE_NAME_LABEL: "File name",
+    LOGIN_SETUP_FILE_NAME_PH: "E.g.: cypress/common-services/login.service.ts",
+    LOGIN_SETUP_RESCAN: "\u{1F504} Re-scan",
+    LOGIN_SETUP_NO_FUNCTIONS: "No exported functions found. Fill in the scaffold and re-scan.",
+    LOGIN_SETUP_BEFORE_LABEL: "before() function (once per suite)",
+    LOGIN_SETUP_BEFORE_EACH_LABEL: "beforeEach() function (before every test)",
+    LOGIN_SETUP_NONE_OPTION: "\u2014 None \u2014",
+    LOGIN_SETUP_SUMMARY: "File: {file} \xB7 before: {before} \xB7 beforeEach: {beforeEach}",
+    LOGIN_SETUP_SAVE_BTN: "\u{1F4BE} Save",
+    LOGIN_SETUP_CLEAR_BTN: "Remove configuration",
+    LOGIN_SETUP_CANCEL_BTN: "Cancel",
+    LOGIN_SETUP_SOURCE_LABEL: "Login file source",
+    LOGIN_SETUP_CREATE_SUB: "Generate a scaffold with sample functions",
+    LOGIN_SETUP_SELECT_SUB: "Point to an existing login service file",
+    LOGIN_SETUP_INJECT_TITLE: "Add login blocks?",
+    LOGIN_SETUP_INJECT_TEXT: "This file does not have the configured login blocks. Do you want to add the import and before/beforeEach blocks now?",
+    LOGIN_SETUP_INJECT_CONFIRM: "Yes, add them"
   },
   SELECTOR_PICKER: {
     TITLE: "Select a DOM element",
@@ -1110,6 +1203,9 @@ var I18N_EN = {
     FILE_SAVE_ERROR_TOAST: "Error saving the file",
     FIXTURES_WRITTEN_TOAST: "\u2713 Fixtures written to cypress/fixtures",
     FIXTURES_NO_FOLDER_TOAST: "Could not write fixtures (configure the Cypress folder)",
+    FILE_UPLOAD_MANUAL_TOAST: "Add {files} to cypress/fixtures/ before running the test.",
+    FILE_UPLOAD_COPIED_TOAST: "{files} copied to cypress/fixtures/.",
+    FILE_UPLOAD_COPY_ERROR_TOAST: "Could not copy {files} to cypress/fixtures/. Add it manually.",
     BTN_CONFIG: "Config",
     BTN_FILES: "Files",
     BTN_COMMANDS: "Commands",
@@ -1157,7 +1253,7 @@ var I18N_EN = {
     SEC_PANELS: "\u{1F5C2} Panels",
     PANEL_TESTS: "\u{1F4CB} Tests \u2014 saved tests: filter by tag, copy, combine, export.",
     PANEL_COMMANDS: "\u2328\uFE0F Commands \u2014 current recording: reorder, delete, add assertions.",
-    PANEL_CONFIG: "\u2699\uFE0F Config \u2014 language, selector, HTTP, Cypress folder, data, visibility, position.",
+    PANEL_CONFIG: "\u2699\uFE0F Config \u2014 language, selector, HTTP, Cypress folder, login setup, data, visibility, position.",
     PANEL_FILES: "\u{1F4C1} Files \u2014 insert tests into your .cy.ts and launch the runner.",
     SEC_SELECTOR: "\u{1F50E} Selectors",
     SELECTOR_1: "Choose the preferred attribute (data-cy, data-testid, aria-label, id) in Config.",
@@ -1170,6 +1266,7 @@ var I18N_EN = {
     ADV_RUNNER: "Local runner: npx lib-e2e-cypress-runner to run a spec headless from the editor.",
     ADV_CROSSAPP: "Cross-app: the recording survives switching micro-frontend (same origin).",
     ADV_DRAG: "Drag the \u23FA button to move the widget; its position is remembered.",
+    ADV_LOGIN: "Login Setup (Ctrl+3): point to your login service; the recorder automatically injects before()/beforeEach() blocks into each new test.",
     CLOSE: "Close",
     TAB_REFERENCE: "Quick reference",
     TAB_GUIDE: "Usage guide",
@@ -1187,13 +1284,13 @@ var I18N_EN = {
     G_COV_4: "Reliable selector (data-cy/testid/aria/id) and a picker when none is obvious.",
     G_COV_5: "Automatic assertions (Alt+click) and the manual builder.",
     G_COV_6: "Continuity when switching micro-frontend (same origin), invisible mode and i18n.",
+    G_COV_7: "Login Setup: configure your login function under Ctrl+3 \u2192 Login Setup; the recorder adds before()/beforeEach() blocks to every new test.",
     G_SEC_NOTCOVERED: "\u{1F6AB} What it does NOT cover (yet)",
     G_NC_1: "Different origins / subdomains (same origin only).",
     G_NC_2: "File upload (selectFile), drag & drop, and hover.",
     G_NC_3: "The Tab key (Cypress can't .type() it).",
     G_NC_4: "DELETE requests (intentionally ignored).",
-    G_NC_5: "Third-party iframes and Shadow DOM may not be captured.",
-    G_NC_6: "Programmatic login generation (on the roadmap)."
+    G_NC_5: "Third-party iframes and Shadow DOM may not be captured."
   }
 };
 
@@ -1224,8 +1321,11 @@ var I18N_FR = {
     NOTES_PLACEHOLDER: "Ce que ce test valide, conditions pr\xE9alables, etc.",
     TICKET_LABEL: "Ticket / Issue (optionnel) :",
     TICKET_PLACEHOLDER: "Ex : PROJ-123, #42",
-    TICKET_WARN: "ID non valide pour le fournisseur configur\xE9 (sera enregistr\xE9 quand m\xEAme)"
+    TICKET_WARN: "ID non valide pour le fournisseur configur\xE9 (sera enregistr\xE9 quand m\xEAme)",
     // TODO: translate
+    CONFIRM_DISCARD: "\xCAtes-vous s\xFBr de vouloir abandonner cet enregistrement ? Toutes les \xE9tapes enregistr\xE9es seront perdues.",
+    CONFIRM_DISCARD_BTN: "Oui, abandonner",
+    BACK_BTN: "Retour"
   },
   TEST_EDITOR: {
     NO_TAGS: "Sans \xE9tiquettes",
@@ -1307,7 +1407,30 @@ var I18N_FR = {
     ISSUE_TRACKER_SUB: "Ajoutez un ID de ticket lors de l'enregistrement et g\xE9n\xE9rez un lien cliquable.",
     ISSUE_TRACKER_PROVIDER: "Fournisseur",
     ISSUE_TRACKER_BASE_URL: "URL de base",
-    ISSUE_TRACKER_BASE_URL_PH: "Ex : https://monprojet.atlassian.net"
+    ISSUE_TRACKER_BASE_URL_PH: "Ex : https://monprojet.atlassian.net",
+    LOGIN_SETUP_SECTION: "\u{1F510} Login setup",
+    LOGIN_SETUP_NOT_CONFIGURED: "Non configur\xE9",
+    LOGIN_SETUP_SET_UP_BTN: "Configurer",
+    LOGIN_SETUP_TITLE: "Configuration du login",
+    LOGIN_SETUP_CREATE_SCAFFOLD: "Cr\xE9er un scaffold",
+    LOGIN_SETUP_SELECT_EXISTING: "S\xE9lectionner un fichier existant",
+    LOGIN_SETUP_FILE_NAME_LABEL: "Nom du fichier",
+    LOGIN_SETUP_FILE_NAME_PH: "Ex : cypress/common-services/login.service.ts",
+    LOGIN_SETUP_RESCAN: "\u{1F504} Re-scanner",
+    LOGIN_SETUP_NO_FUNCTIONS: "Aucune fonction export\xE9e trouv\xE9e. Remplissez le scaffold et re-scannez.",
+    LOGIN_SETUP_BEFORE_LABEL: "Fonction before() (une fois par suite)",
+    LOGIN_SETUP_BEFORE_EACH_LABEL: "Fonction beforeEach() (avant chaque test)",
+    LOGIN_SETUP_NONE_OPTION: "\u2014 Aucune \u2014",
+    LOGIN_SETUP_SUMMARY: "Fichier : {file} \xB7 before : {before} \xB7 beforeEach : {beforeEach}",
+    LOGIN_SETUP_SAVE_BTN: "\u{1F4BE} Enregistrer",
+    LOGIN_SETUP_CLEAR_BTN: "Supprimer la configuration",
+    LOGIN_SETUP_CANCEL_BTN: "Annuler",
+    LOGIN_SETUP_SOURCE_LABEL: "Source du fichier de login",
+    LOGIN_SETUP_CREATE_SUB: "G\xE9n\xE9rer un scaffold avec des fonctions exemples",
+    LOGIN_SETUP_SELECT_SUB: "Pointer vers un fichier de service de login existant",
+    LOGIN_SETUP_INJECT_TITLE: "Ajouter les blocs de login ?",
+    LOGIN_SETUP_INJECT_TEXT: "Ce fichier ne contient pas les blocs de login configur\xE9s. Voulez-vous ajouter l'import et les blocs before/beforeEach maintenant ?",
+    LOGIN_SETUP_INJECT_CONFIRM: "Oui, ajouter"
   },
   SELECTOR_PICKER: {
     TITLE: "S\xE9lectionnez un \xE9l\xE9ment du DOM",
@@ -1398,6 +1521,12 @@ var I18N_FR = {
     FILE_SAVE_ERROR_TOAST: "Erreur lors de l'enregistrement",
     FIXTURES_WRITTEN_TOAST: "\u2713 Fixtures \xE9crites dans cypress/fixtures",
     FIXTURES_NO_FOLDER_TOAST: "Impossible d'\xE9crire les fixtures (configure le dossier Cypress)",
+    FILE_UPLOAD_MANUAL_TOAST: "Ajoutez {files} \xE0 cypress/fixtures/ avant d'ex\xE9cuter le test.",
+    // TODO: translate
+    FILE_UPLOAD_COPIED_TOAST: "{files} copi\xE9(s) dans cypress/fixtures/.",
+    // TODO: translate
+    FILE_UPLOAD_COPY_ERROR_TOAST: "Impossible de copier {files} vers cypress/fixtures/. Ajoutez-le manuellement.",
+    // TODO: translate
     BTN_CONFIG: "Config",
     BTN_FILES: "Fichiers",
     BTN_COMMANDS: "Commandes",
@@ -1445,7 +1574,7 @@ var I18N_FR = {
     SEC_PANELS: "\u{1F5C2} Panneaux",
     PANEL_TESTS: "\u{1F4CB} Tests \u2014 enregistr\xE9s : filtrer par tag, copier, combiner, exporter.",
     PANEL_COMMANDS: "\u2328\uFE0F Commandes \u2014 enregistrement en cours : r\xE9ordonner, supprimer, ajouter des assertions.",
-    PANEL_CONFIG: "\u2699\uFE0F Config \u2014 langue, s\xE9lecteur, HTTP, dossier Cypress, donn\xE9es, visibilit\xE9, position.",
+    PANEL_CONFIG: "\u2699\uFE0F Config \u2014 langue, s\xE9lecteur, HTTP, dossier Cypress, login setup, donn\xE9es, visibilit\xE9, position.",
     PANEL_FILES: "\u{1F4C1} Fichiers \u2014 ins\xE8re des tests dans tes .cy.ts et lance le runner.",
     SEC_SELECTOR: "\u{1F50E} S\xE9lecteurs",
     SELECTOR_1: "Choisis l'attribut pr\xE9f\xE9r\xE9 (data-cy, data-testid, aria-label, id) dans Config.",
@@ -1458,6 +1587,8 @@ var I18N_FR = {
     ADV_RUNNER: "Runner local : npx lib-e2e-cypress-runner pour lancer un spec headless depuis l'\xE9diteur.",
     ADV_CROSSAPP: "Cross-app : l'enregistrement survit au changement de micro-frontend (m\xEAme origine).",
     ADV_DRAG: "Fais glisser le bouton \u23FA pour d\xE9placer le widget ; sa position est m\xE9moris\xE9e.",
+    ADV_LOGIN: "Login Setup (Ctrl+3): apunta a tu servicio de login; el grabador inyecta before()/beforeEach() autom\xE1ticamente en cada test nuevo.",
+    // TODO: translate (fr)
     CLOSE: "Fermer",
     TAB_REFERENCE: "R\xE9f\xE9rence rapide",
     TAB_GUIDE: "Guide d'utilisation",
@@ -1476,13 +1607,14 @@ var I18N_FR = {
     G_COV_4: "Selector fiable (data-cy/testid/aria/id) y picker cuando no hay uno claro.",
     G_COV_5: "Aserciones autom\xE1ticas (Alt+click) y constructor manual.",
     G_COV_6: "Continuidad al cambiar de micro-frontend (mismo origen), modo invisible e i18n.",
+    G_COV_7: "Login Setup: configura tu funci\xF3n de login en Ctrl+3 \u2192 Login Setup y el grabador a\xF1ade los bloques before()/beforeEach() a cada test nuevo.",
+    // TODO: translate (fr)
     G_SEC_NOTCOVERED: "\u{1F6AB} Qu\xE9 NO cubre (por ahora)",
     G_NC_1: "Or\xEDgenes distintos / subdominios (solo mismo origen).",
     G_NC_2: "Subida de ficheros (selectFile), arrastrar y soltar, y hover.",
     G_NC_3: "La tecla Tab (Cypress no la soporta en .type()).",
     G_NC_4: "Peticiones DELETE (se ignoran a prop\xF3sito).",
-    G_NC_5: "iframes y Shadow DOM de terceros pueden no capturarse.",
-    G_NC_6: "Generaci\xF3n de login program\xE1tico (en el roadmap)."
+    G_NC_5: "iframes y Shadow DOM de terceros pueden no capturarse."
   }
 };
 
@@ -1513,8 +1645,11 @@ var I18N_IT = {
     NOTES_PLACEHOLDER: "Cosa valida questo test, condizioni preliminari, ecc.",
     TICKET_LABEL: "Ticket / Issue (opzionale):",
     TICKET_PLACEHOLDER: "Es: PROJ-123, #42",
-    TICKET_WARN: "ID non valido per il provider configurato (verr\xE0 salvato comunque)"
+    TICKET_WARN: "ID non valido per il provider configurato (verr\xE0 salvato comunque)",
     // TODO: translate
+    CONFIRM_DISCARD: "Sei sicuro di voler scartare questa registrazione? Tutti i passi registrati andranno persi.",
+    CONFIRM_DISCARD_BTN: "S\xEC, scarta",
+    BACK_BTN: "Indietro"
   },
   TEST_EDITOR: {
     NO_TAGS: "Nessuna etichetta",
@@ -1596,7 +1731,30 @@ var I18N_IT = {
     ISSUE_TRACKER_SUB: "Aggiungi un ID ticket al salvataggio e genera un link cliccabile nell'elenco.",
     ISSUE_TRACKER_PROVIDER: "Provider",
     ISSUE_TRACKER_BASE_URL: "URL base",
-    ISSUE_TRACKER_BASE_URL_PH: "Es: https://mioprogetto.atlassian.net"
+    ISSUE_TRACKER_BASE_URL_PH: "Es: https://mioprogetto.atlassian.net",
+    LOGIN_SETUP_SECTION: "\u{1F510} Login setup",
+    LOGIN_SETUP_NOT_CONFIGURED: "Non configurato",
+    LOGIN_SETUP_SET_UP_BTN: "Configura",
+    LOGIN_SETUP_TITLE: "Configurazione del login",
+    LOGIN_SETUP_CREATE_SCAFFOLD: "Crea scaffold",
+    LOGIN_SETUP_SELECT_EXISTING: "Seleziona file esistente",
+    LOGIN_SETUP_FILE_NAME_LABEL: "Nome del file",
+    LOGIN_SETUP_FILE_NAME_PH: "Es: cypress/common-services/login.service.ts",
+    LOGIN_SETUP_RESCAN: "\u{1F504} Re-scansiona",
+    LOGIN_SETUP_NO_FUNCTIONS: "Nessuna funzione esportata trovata. Compila lo scaffold e ri-scansiona.",
+    LOGIN_SETUP_BEFORE_LABEL: "Funzione before() (una volta per suite)",
+    LOGIN_SETUP_BEFORE_EACH_LABEL: "Funzione beforeEach() (prima di ogni test)",
+    LOGIN_SETUP_NONE_OPTION: "\u2014 Nessuna \u2014",
+    LOGIN_SETUP_SUMMARY: "File: {file} \xB7 before: {before} \xB7 beforeEach: {beforeEach}",
+    LOGIN_SETUP_SAVE_BTN: "\u{1F4BE} Salva",
+    LOGIN_SETUP_CLEAR_BTN: "Rimuovi configurazione",
+    LOGIN_SETUP_CANCEL_BTN: "Annulla",
+    LOGIN_SETUP_SOURCE_LABEL: "Sorgente del file di login",
+    LOGIN_SETUP_CREATE_SUB: "Genera uno scaffold con funzioni di esempio",
+    LOGIN_SETUP_SELECT_SUB: "Punta a un file di servizio di login esistente",
+    LOGIN_SETUP_INJECT_TITLE: "Aggiungere i blocchi di login?",
+    LOGIN_SETUP_INJECT_TEXT: "Questo file non contiene i blocchi di login configurati. Vuoi aggiungere l'import e i blocchi before/beforeEach ora?",
+    LOGIN_SETUP_INJECT_CONFIRM: "S\xEC, aggiungi"
   },
   SELECTOR_PICKER: {
     TITLE: "Seleziona un elemento DOM",
@@ -1687,6 +1845,12 @@ var I18N_IT = {
     FILE_SAVE_ERROR_TOAST: "Errore durante il salvataggio",
     FIXTURES_WRITTEN_TOAST: "\u2713 Fixture scritte in cypress/fixtures",
     FIXTURES_NO_FOLDER_TOAST: "Impossibile scrivere le fixture (configura la cartella Cypress)",
+    FILE_UPLOAD_MANUAL_TOAST: "Aggiungi {files} a cypress/fixtures/ prima di eseguire il test.",
+    // TODO: translate
+    FILE_UPLOAD_COPIED_TOAST: "{files} copiato/i in cypress/fixtures/.",
+    // TODO: translate
+    FILE_UPLOAD_COPY_ERROR_TOAST: "Impossibile copiare {files} in cypress/fixtures/. Aggiungilo manualmente.",
+    // TODO: translate
     BTN_CONFIG: "Config",
     BTN_FILES: "File",
     BTN_COMMANDS: "Comandi",
@@ -1734,7 +1898,7 @@ var I18N_IT = {
     SEC_PANELS: "\u{1F5C2} Pannelli",
     PANEL_TESTS: "\u{1F4CB} Test \u2014 salvati: filtra per tag, copia, combina, esporta.",
     PANEL_COMMANDS: "\u2328\uFE0F Comandi \u2014 registrazione corrente: riordina, elimina, aggiungi asserzioni.",
-    PANEL_CONFIG: "\u2699\uFE0F Config \u2014 lingua, selettore, HTTP, cartella Cypress, dati, visibilit\xE0, posizione.",
+    PANEL_CONFIG: "\u2699\uFE0F Config \u2014 lingua, selettore, HTTP, cartella Cypress, login setup, dati, visibilit\xE0, posizione.",
     PANEL_FILES: "\u{1F4C1} File \u2014 inserisci test nei tuoi .cy.ts e avvia il runner.",
     SEC_SELECTOR: "\u{1F50E} Selettori",
     SELECTOR_1: "Scegli l'attributo preferito (data-cy, data-testid, aria-label, id) in Config.",
@@ -1747,6 +1911,8 @@ var I18N_IT = {
     ADV_RUNNER: "Runner locale: npx lib-e2e-cypress-runner per eseguire uno spec headless dall'editor.",
     ADV_CROSSAPP: "Cross-app: la registrazione sopravvive al cambio di micro-frontend (stessa origine).",
     ADV_DRAG: "Trascina il pulsante \u23FA per spostare il widget; la posizione viene ricordata.",
+    ADV_LOGIN: "Login Setup (Ctrl+3): apunta a tu servicio de login; el grabador inyecta before()/beforeEach() autom\xE1ticamente en cada test nuevo.",
+    // TODO: translate (it)
     CLOSE: "Chiudi",
     TAB_REFERENCE: "Riferimento rapido",
     TAB_GUIDE: "Guida all'uso",
@@ -1765,13 +1931,14 @@ var I18N_IT = {
     G_COV_4: "Selector fiable (data-cy/testid/aria/id) y picker cuando no hay uno claro.",
     G_COV_5: "Aserciones autom\xE1ticas (Alt+click) y constructor manual.",
     G_COV_6: "Continuidad al cambiar de micro-frontend (mismo origen), modo invisible e i18n.",
+    G_COV_7: "Login Setup: configura tu funci\xF3n de login en Ctrl+3 \u2192 Login Setup y el grabador a\xF1ade los bloques before()/beforeEach() a cada test nuevo.",
+    // TODO: translate (it)
     G_SEC_NOTCOVERED: "\u{1F6AB} Qu\xE9 NO cubre (por ahora)",
     G_NC_1: "Or\xEDgenes distintos / subdominios (solo mismo origen).",
     G_NC_2: "Subida de ficheros (selectFile), arrastrar y soltar, y hover.",
     G_NC_3: "La tecla Tab (Cypress no la soporta en .type()).",
     G_NC_4: "Peticiones DELETE (se ignoran a prop\xF3sito).",
-    G_NC_5: "iframes y Shadow DOM de terceros pueden no capturarse.",
-    G_NC_6: "Generaci\xF3n de login program\xE1tico (en el roadmap)."
+    G_NC_5: "iframes y Shadow DOM de terceros pueden no capturarse."
   }
 };
 
@@ -1802,8 +1969,11 @@ var I18N_DE = {
     NOTES_PLACEHOLDER: "Was dieser Test validiert, Voraussetzungen usw.",
     TICKET_LABEL: "Ticket / Issue (optional):",
     TICKET_PLACEHOLDER: "Z. B.: PROJ-123, #42",
-    TICKET_WARN: "Ung\xFCltige ID f\xFCr den konfigurierten Anbieter (wird trotzdem gespeichert)"
+    TICKET_WARN: "Ung\xFCltige ID f\xFCr den konfigurierten Anbieter (wird trotzdem gespeichert)",
     // TODO: translate
+    CONFIRM_DISCARD: "Sind Sie sicher, dass Sie diese Aufzeichnung verwerfen m\xF6chten? Alle aufgezeichneten Schritte gehen verloren.",
+    CONFIRM_DISCARD_BTN: "Ja, verwerfen",
+    BACK_BTN: "Zur\xFCck"
   },
   TEST_EDITOR: {
     NO_TAGS: "Keine Tags",
@@ -1885,7 +2055,30 @@ var I18N_DE = {
     ISSUE_TRACKER_SUB: "F\xFCge beim Speichern eine Ticket-ID hinzu und erstelle einen klickbaren Link.",
     ISSUE_TRACKER_PROVIDER: "Anbieter",
     ISSUE_TRACKER_BASE_URL: "Basis-URL",
-    ISSUE_TRACKER_BASE_URL_PH: "Z. B.: https://meinprojekt.atlassian.net"
+    ISSUE_TRACKER_BASE_URL_PH: "Z. B.: https://meinprojekt.atlassian.net",
+    LOGIN_SETUP_SECTION: "\u{1F510} Login setup",
+    LOGIN_SETUP_NOT_CONFIGURED: "Nicht konfiguriert",
+    LOGIN_SETUP_SET_UP_BTN: "Einrichten",
+    LOGIN_SETUP_TITLE: "Login-Konfiguration",
+    LOGIN_SETUP_CREATE_SCAFFOLD: "Scaffold erstellen",
+    LOGIN_SETUP_SELECT_EXISTING: "Vorhandene Datei ausw\xE4hlen",
+    LOGIN_SETUP_FILE_NAME_LABEL: "Dateiname",
+    LOGIN_SETUP_FILE_NAME_PH: "Z. B.: cypress/common-services/login.service.ts",
+    LOGIN_SETUP_RESCAN: "\u{1F504} Erneut scannen",
+    LOGIN_SETUP_NO_FUNCTIONS: "Keine exportierten Funktionen gefunden. Scaffold ausf\xFCllen und erneut scannen.",
+    LOGIN_SETUP_BEFORE_LABEL: "before()-Funktion (einmal pro Suite)",
+    LOGIN_SETUP_BEFORE_EACH_LABEL: "beforeEach()-Funktion (vor jedem Test)",
+    LOGIN_SETUP_NONE_OPTION: "\u2014 Keine \u2014",
+    LOGIN_SETUP_SUMMARY: "Datei: {file} \xB7 before: {before} \xB7 beforeEach: {beforeEach}",
+    LOGIN_SETUP_SAVE_BTN: "\u{1F4BE} Speichern",
+    LOGIN_SETUP_CLEAR_BTN: "Konfiguration entfernen",
+    LOGIN_SETUP_CANCEL_BTN: "Abbrechen",
+    LOGIN_SETUP_SOURCE_LABEL: "Quelle der Login-Datei",
+    LOGIN_SETUP_CREATE_SUB: "Scaffold mit Beispielfunktionen erstellen",
+    LOGIN_SETUP_SELECT_SUB: "Auf eine vorhandene Login-Service-Datei verweisen",
+    LOGIN_SETUP_INJECT_TITLE: "Login-Bl\xF6cke hinzuf\xFCgen?",
+    LOGIN_SETUP_INJECT_TEXT: "Diese Datei enth\xE4lt die konfigurierten Login-Bl\xF6cke nicht. M\xF6chten Sie jetzt den Import und die before/beforeEach-Bl\xF6cke hinzuf\xFCgen?",
+    LOGIN_SETUP_INJECT_CONFIRM: "Ja, hinzuf\xFCgen"
   },
   SELECTOR_PICKER: {
     TITLE: "DOM-Element ausw\xE4hlen",
@@ -1976,6 +2169,12 @@ var I18N_DE = {
     FILE_SAVE_ERROR_TOAST: "Fehler beim Speichern",
     FIXTURES_WRITTEN_TOAST: "\u2713 Fixtures in cypress/fixtures geschrieben",
     FIXTURES_NO_FOLDER_TOAST: "Fixtures konnten nicht geschrieben werden (Cypress-Ordner konfigurieren)",
+    FILE_UPLOAD_MANUAL_TOAST: "F\xFCge {files} zu cypress/fixtures/ hinzu, bevor du den Test ausf\xFChrst.",
+    // TODO: translate
+    FILE_UPLOAD_COPIED_TOAST: "{files} nach cypress/fixtures/ kopiert.",
+    // TODO: translate
+    FILE_UPLOAD_COPY_ERROR_TOAST: "{files} konnte nicht nach cypress/fixtures/ kopiert werden. F\xFCge es manuell hinzu.",
+    // TODO: translate
     BTN_CONFIG: "Config",
     BTN_FILES: "Dateien",
     BTN_COMMANDS: "Befehle",
@@ -2023,7 +2222,7 @@ var I18N_DE = {
     SEC_PANELS: "\u{1F5C2} Panels",
     PANEL_TESTS: "\u{1F4CB} Tests \u2014 gespeichert: nach Tag filtern, kopieren, kombinieren, exportieren.",
     PANEL_COMMANDS: "\u2328\uFE0F Befehle \u2014 aktuelle Aufzeichnung: umsortieren, l\xF6schen, Assertions hinzuf\xFCgen.",
-    PANEL_CONFIG: "\u2699\uFE0F Config \u2014 Sprache, Selektor, HTTP, Cypress-Ordner, Daten, Sichtbarkeit, Position.",
+    PANEL_CONFIG: "\u2699\uFE0F Config \u2014 Sprache, Selektor, HTTP, Cypress-Ordner, Login-Setup, Daten, Sichtbarkeit, Position.",
     PANEL_FILES: "\u{1F4C1} Dateien \u2014 Tests in deine .cy.ts einf\xFCgen und den Runner starten.",
     SEC_SELECTOR: "\u{1F50E} Selektoren",
     SELECTOR_1: "W\xE4hle das bevorzugte Attribut (data-cy, data-testid, aria-label, id) unter Config.",
@@ -2036,6 +2235,8 @@ var I18N_DE = {
     ADV_RUNNER: "Lokaler Runner: npx lib-e2e-cypress-runner, um einen Spec headless aus dem Editor zu starten.",
     ADV_CROSSAPP: "Cross-App: die Aufzeichnung \xFCbersteht den Wechsel des Micro-Frontends (gleicher Origin).",
     ADV_DRAG: "Ziehe den \u23FA-Button, um das Widget zu verschieben; die Position wird gemerkt.",
+    ADV_LOGIN: "Login Setup (Ctrl+3): apunta a tu servicio de login; el grabador inyecta before()/beforeEach() autom\xE1ticamente en cada test nuevo.",
+    // TODO: translate (de)
     CLOSE: "Schlie\xDFen",
     TAB_REFERENCE: "Kurzreferenz",
     TAB_GUIDE: "Nutzungsleitfaden",
@@ -2054,13 +2255,14 @@ var I18N_DE = {
     G_COV_4: "Selector fiable (data-cy/testid/aria/id) y picker cuando no hay uno claro.",
     G_COV_5: "Aserciones autom\xE1ticas (Alt+click) y constructor manual.",
     G_COV_6: "Continuidad al cambiar de micro-frontend (mismo origen), modo invisible e i18n.",
+    G_COV_7: "Login Setup: configura tu funci\xF3n de login en Ctrl+3 \u2192 Login Setup y el grabador a\xF1ade los bloques before()/beforeEach() a cada test nuevo.",
+    // TODO: translate (de)
     G_SEC_NOTCOVERED: "\u{1F6AB} Qu\xE9 NO cubre (por ahora)",
     G_NC_1: "Or\xEDgenes distintos / subdominios (solo mismo origen).",
     G_NC_2: "Subida de ficheros (selectFile), arrastrar y soltar, y hover.",
     G_NC_3: "La tecla Tab (Cypress no la soporta en .type()).",
     G_NC_4: "Peticiones DELETE (se ignoran a prop\xF3sito).",
-    G_NC_5: "iframes y Shadow DOM de terceros pueden no capturarse.",
-    G_NC_6: "Generaci\xF3n de login program\xE1tico (en el roadmap)."
+    G_NC_5: "iframes y Shadow DOM de terceros pueden no capturarse."
   }
 };
 
@@ -2103,34 +2305,8 @@ var TranslationService = class {
 };
 var translationService = new TranslationService();
 
-// src/utils/code-format.utils.ts
-function gcd(a, b) {
-  while (b) {
-    const t = b;
-    b = a % b;
-    a = t;
-  }
-  return a;
-}
-function escapeSingleQuotes(value) {
-  return value.replace(/\\/g, "\\\\").replace(/'/g, "\\'");
-}
-function normalizeBlock(code, baseIndent) {
-  const lines = code.split("\n").map((l) => l.trimEnd());
-  const nonEmpty = lines.filter((l) => l.trim().length > 0);
-  if (!nonEmpty.length) return "";
-  const indents = nonEmpty.map((l) => l.length - l.trimStart().length);
-  const minIndent = Math.min(...indents);
-  const relIndents = [...new Set(indents.map((n) => n - minIndent).filter((n) => n > 0))];
-  const step = relIndents.length > 0 ? relIndents.reduce(gcd) : 2;
-  return lines.map((l) => {
-    if (!l.trim()) return "";
-    const level = Math.round((l.length - l.trimStart().length - minIndent) / step);
-    return baseIndent + "  ".repeat(level) + l.trimStart();
-  }).join("\n");
-}
-
 // src/services/transformation.service.ts
+init_code_format_utils();
 var TransformationService = class {
   toLang(lang) {
     return isLang(lang) ? lang : "en";
@@ -2195,6 +2371,7 @@ var advancedTestTransformationService = new AdvancedTestTransformationService();
 init_selector_quality_utils();
 
 // src/utils/assertion.utils.ts
+init_code_format_utils();
 var MAX_TEXT_LENGTH = 60;
 function inferAssertionCommand(el, selector) {
   const should = (body) => `cy.get('${selector}').should(${body})`;
@@ -2219,6 +2396,7 @@ function inferAssertionCommand(el, selector) {
 }
 
 // src/services/recording.service.ts
+init_code_format_utils();
 var OWN_SELECTOR = '[data-cy="lib-e2e-cypress-for-dummys"]';
 function createSessionId() {
   if (typeof crypto !== "undefined" && typeof crypto.randomUUID === "function") {
@@ -2234,6 +2412,7 @@ var RecordingService = class {
   selectorNotFound$ = new Subject(null);
   inputDebounceTimers = /* @__PURE__ */ new Map();
   fixtures = /* @__PURE__ */ new Map();
+  uploadedFiles = /* @__PURE__ */ new Map();
   abort = new AbortController();
   selectorStrategy = "data-cy";
   /** Stable id of the current live session (null when none has started). */
@@ -2260,7 +2439,7 @@ var RecordingService = class {
     this.isPaused$.next(false);
     this.isRecording$.next(true);
     this.addCommand(`cy.viewport(1900, 1200)`);
-    this.addCommand(`cy.visit('${window.location.pathname}')`);
+    this.addCommand(`cy.visit('${escapeSingleQuotes(window.location.pathname)}')`);
     this.addCommand(`cy.get('[data-cy="lib-e2e-cypress-for-dummys"]').invoke('hide');`);
   }
   /**
@@ -2358,10 +2537,20 @@ var RecordingService = class {
   getFixturesSnapshot() {
     return [...this.fixtures.entries()].map(([name, content]) => ({ name, content }));
   }
+  addUploadedFile(filename, bytes) {
+    this.uploadedFiles.set(filename, bytes);
+  }
+  getUploadedFilesSnapshot() {
+    return [...this.uploadedFiles.entries()].map(([filename, bytes]) => ({ filename, bytes }));
+  }
+  clearUploadedFiles() {
+    this.uploadedFiles.clear();
+  }
   clearCommands() {
     this.commands$.next([]);
     this.interceptors$.next([]);
     this.fixtures.clear();
+    this.uploadedFiles.clear();
   }
   clearInterceptors() {
     this.interceptors$.next([]);
@@ -2481,7 +2670,8 @@ var RecordingService = class {
         if (e.altKey) return;
         const selector = this.resolveSelectorFor(e.target);
         if (!selector) return;
-        const clickCmd = `cy.get('${selector}').click()`;
+        const safeSelector = escapeSingleQuotes(selector);
+        const clickCmd = `cy.get('${safeSelector}').click()`;
         let cmds = this.commands$.getValue();
         let removed = 0;
         while (removed < 2 && cmds.length > 0 && cmds[cmds.length - 1] === clickCmd) {
@@ -2489,7 +2679,7 @@ var RecordingService = class {
           removed++;
         }
         if (removed > 0) this.commands$.next(cmds);
-        this.addCommand(`cy.get('${selector}').dblclick()`);
+        this.addCommand(`cy.get('${safeSelector}').dblclick()`);
       },
       { signal: this.abort.signal }
     );
@@ -2501,7 +2691,7 @@ var RecordingService = class {
         if (!this.isRecording$.getValue() || this.isPaused$.getValue()) return;
         const selector = this.resolveSelectorFor(e.target);
         if (!selector) return;
-        this.addCommand(`cy.get('${selector}').rightclick()`);
+        this.addCommand(`cy.get('${escapeSingleQuotes(selector)}').rightclick()`);
       },
       { signal: this.abort.signal }
     );
@@ -2521,7 +2711,7 @@ var RecordingService = class {
         if (!selector) return;
         this.flushInputDebounce(target);
         const token = key === "Enter" ? "{enter}" : "{esc}";
-        this.addCommand(`cy.get('${selector}').type('${token}')`);
+        this.addCommand(`cy.get('${escapeSingleQuotes(selector)}').type('${token}')`);
       },
       { signal: this.abort.signal }
     );
@@ -2545,19 +2735,52 @@ var RecordingService = class {
         if (!this.isRecording$.getValue()) return;
         const target = e.target;
         if (!target || this.isOwnElement(target)) return;
-        if (target.tagName.toLowerCase() === "select") {
+        const tag = target.tagName.toLowerCase();
+        if (tag === "select") {
           this.handleSelectEvent(target);
+        } else if (tag === "input") {
+          const type = (target.getAttribute("type") ?? "").toLowerCase();
+          if (type === "file") {
+            void this.handleFileInputChange(target);
+          }
         }
       },
       { signal: this.abort.signal }
     );
   }
+  async handleFileInputChange(target) {
+    if (this.isPaused$.getValue()) return;
+    const container = target.closest("[data-cy], [data-testid], [aria-label], [id]");
+    if (!container) return;
+    const selector = this.getReliableSelector(container);
+    if (!selector || this.isOwnSelector(selector)) return;
+    const files = Array.from(target.files ?? []);
+    if (!files.length) return;
+    const paths = files.map((f) => `'cypress/fixtures/${escapeSingleQuotes(f.name)}'`);
+    const pathArg = paths.length === 1 ? paths[0] : `[${paths.join(", ")}]`;
+    this.addCommand(`cy.get('${escapeSingleQuotes(selector)}').selectFile(${pathArg})`);
+    for (const file of files) {
+      const bytes = await this.readFileAsArrayBuffer(file);
+      this.addUploadedFile(file.name, bytes);
+    }
+  }
+  readFileAsArrayBuffer(file) {
+    if (typeof file.arrayBuffer === "function") {
+      return file.arrayBuffer();
+    }
+    return new Promise((resolve, reject) => {
+      const reader = new FileReader();
+      reader.onload = () => resolve(reader.result);
+      reader.onerror = () => reject(reader.error);
+      reader.readAsArrayBuffer(file);
+    });
+  }
   listenToRouteChanges() {
     let lastUrl = window.location.pathname + window.location.search + window.location.hash;
     const addUrlCommand = (newUrl) => {
       if (!this.isRecording$.getValue()) return;
       if (newUrl === lastUrl) return;
-      this.addCommand(`cy.url().should('include', '${newUrl}')`);
+      this.addCommand(`cy.url().should('include', '${escapeSingleQuotes(newUrl)}')`);
       lastUrl = newUrl;
     };
     const wrapMethod = (type) => {
@@ -2658,7 +2881,8 @@ var RecordingService = class {
     if (matSelect) dataCy = matSelect.closest("[data-cy]")?.getAttribute("data-cy") ?? null;
     if (!dataCy) dataCy = target.closest("[data-cy]")?.getAttribute("data-cy") ?? null;
     if (dataCy) {
-      this.addCommand(`cy.get('[data-cy="${dataCy}"]').click()`);
+      const safeSel = escapeSingleQuotes(`[data-cy="${escapeCssAttrValue(dataCy)}"]`);
+      this.addCommand(`cy.get('${safeSel}').click()`);
       return;
     }
     if (selector) {
@@ -2690,7 +2914,7 @@ var RecordingService = class {
     const container = target.closest("[data-cy], [data-testid], [aria-label], [id]");
     if (!container) return;
     const selector = this.getReliableSelector(container);
-    const value = target.value.replace(/'/g, "\\'");
+    const value = escapeSingleQuotes(target.value);
     this.addGenericCommand({
       selector,
       action: (s) => `cy.get('${s}').clear().type('${value}')`
@@ -2709,7 +2933,7 @@ var RecordingService = class {
     const container = target.closest("[data-cy], [data-testid], [aria-label], [id]");
     if (!container) return;
     const selector = this.getReliableSelector(container);
-    const value = target.value.replace(/'/g, "\\'");
+    const value = escapeSingleQuotes(target.value);
     this.addGenericCommand({
       selector,
       action: (s) => `cy.get('${s}').select('${value}')`
@@ -2718,7 +2942,7 @@ var RecordingService = class {
   // ── Shared helpers ────────────────────────────────────────────────────────
   addGenericCommand(opts) {
     if (!opts.selector || this.isOwnSelector(opts.selector)) return;
-    this.addCommand(opts.action(opts.selector));
+    this.addCommand(opts.action(escapeSingleQuotes(opts.selector)));
   }
   getReliableSelector(el) {
     const strategy = this.selectorStrategy;
@@ -2730,20 +2954,20 @@ var RecordingService = class {
     const validId = rawId && rawId.length < 25 && /^[a-zA-Z][\w-]*$/.test(rawId) && !FORBIDDEN_ID_PREFIXES.some((p) => rawId.startsWith(p)) && !/^\d+$/.test(rawId) ? rawId : null;
     switch (strategy) {
       case "data-testid":
-        if (dataTestid) return `[data-testid="${dataTestid}"]`;
-        if (dataCy) return `[data-cy="${dataCy}"]`;
+        if (dataTestid) return `[data-testid="${escapeCssAttrValue(dataTestid)}"]`;
+        if (dataCy) return `[data-cy="${escapeCssAttrValue(dataCy)}"]`;
         return validId ? `#${validId}` : null;
       case "aria-label":
-        if (ariaLabel) return `[aria-label="${ariaLabel}"]`;
-        if (dataCy) return `[data-cy="${dataCy}"]`;
+        if (ariaLabel) return `[aria-label="${escapeCssAttrValue(ariaLabel)}"]`;
+        if (dataCy) return `[data-cy="${escapeCssAttrValue(dataCy)}"]`;
         return validId ? `#${validId}` : null;
       case "id":
         if (validId) return `#${validId}`;
-        if (dataCy) return `[data-cy="${dataCy}"]`;
-        return dataTestid ? `[data-testid="${dataTestid}"]` : null;
+        if (dataCy) return `[data-cy="${escapeCssAttrValue(dataCy)}"]`;
+        return dataTestid ? `[data-testid="${escapeCssAttrValue(dataTestid)}"]` : null;
       default:
-        if (dataCy) return `[data-cy="${dataCy}"]`;
-        if (dataDotCy) return `[data.cy="${dataDotCy}"]`;
+        if (dataCy) return `[data-cy="${escapeCssAttrValue(dataCy)}"]`;
+        if (dataDotCy) return `[data.cy="${escapeCssAttrValue(dataDotCy)}"]`;
         return validId ? `#${validId}` : null;
     }
   }
@@ -2769,8 +2993,41 @@ var RecordingService = class {
 
 // src/services/persistence.service.ts
 var import_idb = require("idb");
+init_code_format_utils();
+
+// src/models/issue-tracker.model.ts
+var ISSUE_TRACKER_PRESETS = {
+  jira: { id: "jira", label: "Jira", urlPattern: "{baseUrl}/browse/{id}", idPattern: /^[A-Z][A-Z0-9]+-\d+$/ },
+  github: { id: "github", label: "GitHub Issues", urlPattern: "{baseUrl}/issues/{id}", idPattern: /^\d+$/ },
+  gitlab: { id: "gitlab", label: "GitLab Issues", urlPattern: "{baseUrl}/-/issues/{id}", idPattern: /^\d+$/ },
+  azure: { id: "azure", label: "Azure DevOps", urlPattern: "{baseUrl}/_workitems/edit/{id}", idPattern: /^\d+$/ },
+  bitbucket: { id: "bitbucket", label: "Bitbucket Issues", urlPattern: "{baseUrl}/issues/{id}", idPattern: /^\d+$/ },
+  custom: { id: "custom", label: "Custom", urlPattern: "{baseUrl}/{id}", idPattern: /.+/ }
+};
+var DEFAULT_ISSUE_TRACKER_CONFIG = {
+  enabled: false,
+  provider: "jira",
+  baseUrl: ""
+};
+
+// src/utils/ticket.utils.ts
+function buildTicketUrl(ticketId, config) {
+  if (!config.enabled || !ticketId.trim() || !config.baseUrl.trim()) return null;
+  const preset = ISSUE_TRACKER_PRESETS[config.provider];
+  const base = config.baseUrl.replace(/\/+$/, "");
+  return preset.urlPattern.replace("{baseUrl}", base).replace("{id}", encodeURIComponent(ticketId.trim()));
+}
+function buildTicketComment(ticketId) {
+  return `// Ticket: ${ticketId.trim()}`;
+}
+function isValidTicketId(ticketId, provider) {
+  if (!ticketId.trim()) return false;
+  return ISSUE_TRACKER_PRESETS[provider].idPattern.test(ticketId.trim());
+}
+
+// src/services/persistence.service.ts
 var ACTIVE_SESSION_ID = 1;
-var PersistenceService = class {
+var PersistenceService = class _PersistenceService {
   // dbName is overridable so tests can use unique names for isolation.
   constructor(dbName = DB_SCHEMA.name) {
     this.dbName = dbName;
@@ -2823,7 +3080,8 @@ var PersistenceService = class {
     if (!record) return null;
     const commands = await this.getCommandStrings(testId);
     const interceptors = await this.getInterceptorStrings(testId);
-    const itBlock = `it('${escapeSingleQuotes(record.name)}', () => {
+    const ticketComment = record.ticketId ? buildTicketComment(record.ticketId) + "\n" : "";
+    const itBlock = `${ticketComment}it('${escapeSingleQuotes(record.name)}', () => {
 ${commands.map((c) => normalizeBlock(c, "  ")).join("\n")}
 });`;
     const interceptorsBlock = interceptors.length ? "  // Auto-generated Cypress interceptors\n" + interceptors.map((i) => normalizeBlock(i, "  ")).join("\n") + "\n" : "";
@@ -2904,6 +3162,30 @@ ${commands.map((c) => normalizeBlock(c, "  ")).join("\n")}
     const records = await db.getAll("configuration");
     return records[0] ?? null;
   }
+  // ── Login setup config ───────────────────────────────────────────────────
+  static LOGIN_SETUP_KEY = "loginSetupConfig";
+  async saveLoginSetup(config) {
+    await this.setConfigKey(_PersistenceService.LOGIN_SETUP_KEY, JSON.stringify(config));
+  }
+  async getLoginSetup() {
+    const record = await this.getConfig(_PersistenceService.LOGIN_SETUP_KEY);
+    if (!record) return null;
+    const raw = record[_PersistenceService.LOGIN_SETUP_KEY];
+    if (typeof raw !== "string") return null;
+    try {
+      return JSON.parse(raw);
+    } catch {
+      return null;
+    }
+  }
+  async clearLoginSetup() {
+    const db = await this.getDB();
+    const records = await db.getAll("configuration");
+    if (!records.length) return;
+    const current = { ...records[0] };
+    delete current[_PersistenceService.LOGIN_SETUP_KEY];
+    await db.put("configuration", current);
+  }
   // ── Active recording session ──────────────────────────────────────────────
   /** Upserts the live recording session (single record, fixed key). */
   async saveActiveSession(state) {
@@ -2946,6 +3228,24 @@ ${commands.map((c) => normalizeBlock(c, "  ")).join("\n")}
     }
     await this.bulkInsertWithoutId("interceptors", interceptors);
   }
+  async hasDirectoryAccess() {
+    const config = await this.getGeneralConfig();
+    return !!config?.["cypressDirectoryHandle"];
+  }
+  async writeUploadedFile(filename, bytes) {
+    const config = await this.getGeneralConfig();
+    const dirHandle = config?.["cypressDirectoryHandle"];
+    if (!dirHandle) throw new Error("No Cypress folder configured");
+    const perm = dirHandle;
+    let state = await perm.queryPermission({ mode: "readwrite" });
+    if (state !== "granted") state = await perm.requestPermission({ mode: "readwrite" });
+    if (state !== "granted") throw new Error("Write permission denied");
+    const fixturesDir = await dirHandle.getDirectoryHandle("fixtures", { create: true });
+    const fileHandle = await fixturesDir.getFileHandle(filename, { create: true });
+    const writable = await fileHandle.createWritable();
+    await writable.write(bytes);
+    await writable.close();
+  }
   async requestDirectoryPermissions() {
     if (!("showDirectoryPicker" in window)) {
       throw new Error("File System Access API not supported");
@@ -2988,7 +3288,36 @@ ${commands.map((c) => normalizeBlock(c, "  ")).join("\n")}
     }
   }
 };
-var persistenceService = new PersistenceService();
+
+// src/services/http-monitor.ts
+init_code_format_utils();
+
+// src/utils/redact.utils.ts
+var SENSITIVE_KEYS = /* @__PURE__ */ new Set([
+  "password",
+  "token",
+  "secret",
+  "authorization",
+  "cookie",
+  "access_token",
+  "refresh_token"
+]);
+function isSensitiveKey(key) {
+  return SENSITIVE_KEYS.has(key.toLowerCase());
+}
+function redactSensitiveFields(obj) {
+  if (Array.isArray(obj)) {
+    return obj.map(redactSensitiveFields);
+  }
+  if (obj !== null && typeof obj === "object") {
+    const result = {};
+    for (const [key, value] of Object.entries(obj)) {
+      result[key] = isSensitiveKey(key) ? "[REDACTED]" : redactSensitiveFields(value);
+    }
+    return result;
+  }
+  return obj;
+}
 
 // src/services/http-monitor.ts
 var INTERCEPTED_METHODS = ["GET", "POST", "PUT"];
@@ -3001,8 +3330,12 @@ function generateAlias(method, url) {
     return `${method.toLowerCase()}-intercepted-request`;
   }
 }
+var SAFE_IDENTIFIER = /^[a-zA-Z_$][a-zA-Z0-9_$]*$/;
 function buildValidations(base, obj) {
-  return Object.keys(obj).filter((key) => key !== "id" && key !== "uid").map((key) => `expect(${base}.${key}).to.equal(${JSON.stringify(obj[key])});`).join("\n");
+  return Object.keys(obj).filter((key) => key !== "id" && key !== "uid").map((key) => {
+    const accessor = SAFE_IDENTIFIER.test(key) ? `.${key}` : `['${escapeSingleQuotes(key)}']`;
+    return `expect(${base}${accessor}).to.equal(${JSON.stringify(obj[key])});`;
+  }).join("\n");
 }
 function buildCyWaitCommand(method, alias, extendedHttp, requestBody, responseBody) {
   if (extendedHttp && method === "GET" && responseBody) {
@@ -3054,20 +3387,149 @@ function resolveMethod(input, init) {
   if (input instanceof Request) return input.method.toUpperCase();
   return "GET";
 }
+async function _handleFetchInterception(recording, input, init, responseClone) {
+  const method = resolveMethod(input, init);
+  if (!INTERCEPTED_METHODS.includes(method)) return;
+  const url = resolveUrl(input);
+  const alias = generateAlias(method, url);
+  recording.registerInterceptor(method, url, alias);
+  const extendedHttp = localStorage.getItem("extendedHttpCommands") === "true";
+  const fixtureMode = localStorage.getItem("fixtureMode") === "true";
+  const requestBody = extendedHttp ? parseRequestBody(init) : null;
+  let responseText = null;
+  let responseBody = null;
+  if (extendedHttp || fixtureMode && method === "GET") {
+    try {
+      responseText = await responseClone.text();
+      if (extendedHttp) responseBody = parseJsonObject(responseText);
+    } catch {
+    }
+  }
+  if (fixtureMode && method === "GET" && responseText !== null) {
+    const pretty = prettyJsonOrNull(responseText);
+    if (pretty !== null) {
+      const redacted = redactSensitiveFields(JSON.parse(pretty));
+      recording.registerFixture(`${alias}.json`, JSON.stringify(redacted, null, 2));
+    }
+  }
+  const cmd = buildCyWaitCommand(
+    method,
+    alias,
+    extendedHttp,
+    requestBody ? redactSensitiveFields(requestBody) : null,
+    responseBody ? redactSensitiveFields(responseBody) : null
+  );
+  recording.addCommand(cmd);
+}
+function _handleXhrInterception(recording, method, url, requestBody, responseText) {
+  if (!INTERCEPTED_METHODS.includes(method)) return;
+  const alias = generateAlias(method, url);
+  recording.registerInterceptor(method, url, alias);
+  if (localStorage.getItem("fixtureMode") === "true" && method === "GET") {
+    const pretty = prettyJsonOrNull(responseText);
+    if (pretty !== null) {
+      const redacted = redactSensitiveFields(JSON.parse(pretty));
+      recording.registerFixture(`${alias}.json`, JSON.stringify(redacted, null, 2));
+    }
+  }
+  const extendedHttp = localStorage.getItem("extendedHttpCommands") === "true";
+  const responseBody = extendedHttp ? parseJsonObject(responseText) : null;
+  const cmd = buildCyWaitCommand(
+    method,
+    alias,
+    extendedHttp,
+    requestBody ? redactSensitiveFields(requestBody) : null,
+    responseBody ? redactSensitiveFields(responseBody) : null
+  );
+  recording.addCommand(cmd);
+}
+var _refCount = 0;
+var _originalFetch = null;
+var _originalXHR = null;
+var _recordings = /* @__PURE__ */ new Set();
+function _patchFetch() {
+  const orig = window.fetch;
+  _originalFetch = orig;
+  window.fetch = async (input, init) => {
+    const response = await orig(input, init);
+    try {
+      const active = [..._recordings];
+      if (active.length > 0) {
+        await Promise.all(
+          active.map((rec) => _handleFetchInterception(rec, input, init, response.clone()).catch(() => {
+          }))
+        );
+      }
+    } catch {
+    }
+    return response;
+  };
+}
+function _restoreFetch() {
+  if (!_originalFetch) return;
+  window.fetch = _originalFetch;
+  _originalFetch = null;
+}
+function _patchXhr() {
+  const OrigXHR = window.XMLHttpRequest;
+  _originalXHR = OrigXHR;
+  window.XMLHttpRequest = class extends OrigXHR {
+    _xhrMethod = "GET";
+    _xhrUrl = "";
+    _xhrRequestBody = null;
+    open(method, url, async = true, user, password) {
+      this._xhrMethod = method.toUpperCase();
+      this._xhrUrl = url instanceof URL ? url.href : url;
+      super.open(method, url, async, user, password);
+    }
+    send(body) {
+      if (typeof body === "string") {
+        this._xhrRequestBody = parseJsonObject(body);
+      }
+      this.addEventListener("load", () => {
+        try {
+          for (const rec of _recordings) {
+            _handleXhrInterception(rec, this._xhrMethod, this._xhrUrl, this._xhrRequestBody, this.responseText);
+          }
+        } catch {
+        }
+      });
+      super.send(body);
+    }
+  };
+}
+function _restoreXhr() {
+  if (!_originalXHR) return;
+  window.XMLHttpRequest = _originalXHR;
+  _originalXHR = null;
+}
+function _resetHttpMonitorState() {
+  _refCount = 0;
+  _originalFetch = null;
+  _originalXHR = null;
+  _recordings.clear();
+}
 var HttpMonitor = class {
   constructor(recording) {
     this.recording = recording;
   }
   recording;
-  originalFetch = null;
-  originalXHR = null;
   install() {
-    this.installFetch();
-    this.installXhr();
+    _recordings.add(this.recording);
+    _refCount++;
+    if (_refCount === 1) {
+      _patchFetch();
+      _patchXhr();
+    }
   }
   uninstall() {
-    this.uninstallFetch();
-    this.uninstallXhr();
+    _recordings.delete(this.recording);
+    if (_refCount <= 0) return;
+    _refCount--;
+    if (_refCount === 0) {
+      _restoreFetch();
+      _restoreXhr();
+    }
   }
   isExtendedHttpEnabled() {
     return localStorage.getItem("extendedHttpCommands") === "true";
@@ -3075,100 +3537,6 @@ var HttpMonitor = class {
   isFixtureModeEnabled() {
     return localStorage.getItem("fixtureMode") === "true";
   }
-  installFetch() {
-    if (this.originalFetch) return;
-    const originalFetch = window.fetch;
-    this.originalFetch = originalFetch;
-    window.fetch = async (input, init) => {
-      const response = await originalFetch(input, init);
-      try {
-        await this.handleFetchInterception(input, init, response.clone());
-      } catch {
-      }
-      return response;
-    };
-  }
-  uninstallFetch() {
-    if (!this.originalFetch) return;
-    window.fetch = this.originalFetch;
-    this.originalFetch = null;
-  }
-  installXhr() {
-    if (this.originalXHR) return;
-    this.originalXHR = window.XMLHttpRequest;
-    const OrigXHR = this.originalXHR;
-    const handleXhrInterception = this.handleXhrInterception.bind(this);
-    window.XMLHttpRequest = class extends OrigXHR {
-      _xhrMethod = "GET";
-      _xhrUrl = "";
-      _xhrRequestBody = null;
-      open(method, url, async = true, user, password) {
-        this._xhrMethod = method.toUpperCase();
-        this._xhrUrl = url instanceof URL ? url.href : url;
-        super.open(method, url, async, user, password);
-      }
-      send(body) {
-        if (typeof body === "string") {
-          this._xhrRequestBody = parseJsonObject(body);
-        }
-        this.addEventListener("load", () => {
-          try {
-            handleXhrInterception(
-              this._xhrMethod,
-              this._xhrUrl,
-              this._xhrRequestBody,
-              this.responseText
-            );
-          } catch {
-          }
-        });
-        super.send(body);
-      }
-    };
-  }
-  uninstallXhr() {
-    if (!this.originalXHR) return;
-    window.XMLHttpRequest = this.originalXHR;
-    this.originalXHR = null;
-  }
-  async handleFetchInterception(input, init, responseClone) {
-    const method = resolveMethod(input, init);
-    if (!INTERCEPTED_METHODS.includes(method)) return;
-    const url = resolveUrl(input);
-    const alias = generateAlias(method, url);
-    this.recording.registerInterceptor(method, url, alias);
-    const extendedHttp = this.isExtendedHttpEnabled();
-    const fixtureMode = this.isFixtureModeEnabled();
-    const requestBody = extendedHttp ? parseRequestBody(init) : null;
-    let responseText = null;
-    let responseBody = null;
-    if (extendedHttp || fixtureMode && method === "GET") {
-      try {
-        responseText = await responseClone.text();
-        if (extendedHttp) responseBody = parseJsonObject(responseText);
-      } catch {
-      }
-    }
-    if (fixtureMode && method === "GET" && responseText !== null) {
-      const pretty = prettyJsonOrNull(responseText);
-      if (pretty !== null) this.recording.registerFixture(`${alias}.json`, pretty);
-    }
-    const cmd = buildCyWaitCommand(method, alias, extendedHttp, requestBody, responseBody);
-    this.recording.addCommand(cmd);
-  }
-  handleXhrInterception(method, url, requestBody, responseText) {
-    if (!INTERCEPTED_METHODS.includes(method)) return;
-    const alias = generateAlias(method, url);
-    this.recording.registerInterceptor(method, url, alias);
-    if (this.isFixtureModeEnabled() && method === "GET") {
-      const pretty = prettyJsonOrNull(responseText);
-      if (pretty !== null) this.recording.registerFixture(`${alias}.json`, pretty);
-    }
-    const extendedHttp = this.isExtendedHttpEnabled();
-    const responseBody = extendedHttp ? parseJsonObject(responseText) : null;
-    const cmd = buildCyWaitCommand(method, alias, extendedHttp, requestBody, responseBody);
-    this.recording.addCommand(cmd);
-  }
 };
 
 // src/utils/styles.utils.ts
@@ -3417,6 +3785,19 @@ function setSwal2DataCyAttribute(dataCy = "lib-e2e-cypress-for-dummys") {
   document.querySelector(".swal2-html-container")?.setAttribute("data-cy", dataCy);
   document.querySelector(".swal2-title")?.setAttribute("data-cy", dataCy);
 }
+function ensurePopupDimensions(popup, heightPx) {
+  if (!popup) return;
+  popup.style.height = `${heightPx}px`;
+  const htmlContainer = popup.querySelector(".swal2-html-container");
+  if (!htmlContainer) return;
+  htmlContainer.style.flex = "1";
+  htmlContainer.style.minHeight = "0";
+  htmlContainer.style.overflow = "hidden";
+  htmlContainer.style.padding = "0";
+  htmlContainer.style.margin = "0";
+  htmlContainer.style.display = "flex";
+  htmlContainer.style.flexDirection = "column";
+}
 
 // src/utils/toast.utils.ts
 function showToast(message, isSuccess = true) {
@@ -3689,35 +4070,8 @@ var TestPrevisualizerElement = class extends HTMLElement {
     }
   }
 };
-if (!customElements.get("test-previsualizer")) {
-  customElements.define("test-previsualizer", TestPrevisualizerElement);
-}
-
-// src/models/issue-tracker.model.ts
-var ISSUE_TRACKER_PRESETS = {
-  jira: { id: "jira", label: "Jira", urlPattern: "{baseUrl}/browse/{id}", idPattern: /^[A-Z][A-Z0-9]+-\d+$/ },
-  github: { id: "github", label: "GitHub Issues", urlPattern: "{baseUrl}/issues/{id}", idPattern: /^\d+$/ },
-  gitlab: { id: "gitlab", label: "GitLab Issues", urlPattern: "{baseUrl}/-/issues/{id}", idPattern: /^\d+$/ },
-  azure: { id: "azure", label: "Azure DevOps", urlPattern: "{baseUrl}/_workitems/edit/{id}", idPattern: /^\d+$/ },
-  bitbucket: { id: "bitbucket", label: "Bitbucket Issues", urlPattern: "{baseUrl}/issues/{id}", idPattern: /^\d+$/ },
-  custom: { id: "custom", label: "Custom", urlPattern: "{baseUrl}/{id}", idPattern: /.+/ }
-};
-var DEFAULT_ISSUE_TRACKER_CONFIG = {
-  enabled: false,
-  provider: "jira",
-  baseUrl: ""
-};
-
-// src/utils/ticket.utils.ts
-function buildTicketUrl(ticketId, config) {
-  if (!config.enabled || !ticketId.trim() || !config.baseUrl.trim()) return null;
-  const preset = ISSUE_TRACKER_PRESETS[config.provider];
-  const base = config.baseUrl.replace(/\/+$/, "");
-  return preset.urlPattern.replace("{baseUrl}", base).replace("{id}", encodeURIComponent(ticketId.trim()));
-}
-function isValidTicketId(ticketId, provider) {
-  if (!ticketId.trim()) return false;
-  return ISSUE_TRACKER_PRESETS[provider].idPattern.test(ticketId.trim());
+if (!customElements.get("lib-e2e-test-previsualizer")) {
+  customElements.define("lib-e2e-test-previsualizer", TestPrevisualizerElement);
 }
 
 // src/components/save-test/save-test.styles.ts
@@ -3781,10 +4135,21 @@ var SAVE_TEST_STYLES = `
     transition: color 0.12s; padding: 0; background: none; border: none;
   }
   .chip-del:hover { color: #f85149; filter: none; }
+  .discard-warn { color: #e6edf3; font-size: 13px; margin-bottom: 20px; line-height: 1.5; }
 `;
 
 // src/components/save-test/save-test.template.ts
 init_html_utils();
+function renderSaveTestConfirmDiscard(t) {
+  return `
+    <div class="container">
+      <p class="discard-warn">\u26A0 ${t("SAVE_TEST.CONFIRM_DISCARD")}</p>
+      <div class="btn-row">
+        <button class="btn-danger" id="btn-confirm-discard">${t("SAVE_TEST.CONFIRM_DISCARD_BTN")}</button>
+        <button id="btn-back-discard">${t("SAVE_TEST.BACK_BTN")}</button>
+      </div>
+    </div>`;
+}
 function renderSaveTestAsk(t) {
   return `
     <div class="container">
@@ -3830,6 +4195,7 @@ function renderSaveTestDesc(description, notes, tags, ticketId, issueTrackerEnab
 var SaveTestElement = class extends HTMLElement {
   shadow;
   _step = "ask";
+  _stepBeforeDiscard = "ask";
   description = "";
   notes = "";
   tags = [];
@@ -3857,8 +4223,17 @@ var SaveTestElement = class extends HTMLElement {
     this.dispatch("saveandexport", { description: this.description.trim(), notes: this.notes, tags: [...this.tags], ticketId: this.ticketId.trim() });
   }
   cancel() {
+    this._stepBeforeDiscard = this._step === "confirm-discard" ? "ask" : this._step;
+    this._step = "confirm-discard";
+    this.render();
+  }
+  confirmDiscard() {
     this.dispatch("savetest", { description: null, notes: "", tags: [], ticketId: "" });
   }
+  backFromDiscard() {
+    this._step = this._stepBeforeDiscard;
+    this.render();
+  }
   restartComponent() {
     this._step = "ask";
     this.description = "";
@@ -3889,6 +4264,12 @@ var SaveTestElement = class extends HTMLElement {
     this.dispatchEvent(new CustomEvent(type, { detail, bubbles: true, composed: true }));
   }
   render() {
+    if (this._step === "confirm-discard") {
+      this.shadow.innerHTML = `<style>${SAVE_TEST_STYLES}</style>${renderSaveTestConfirmDiscard(this.t.bind(this))}`;
+      this.shadow.getElementById("btn-confirm-discard")?.addEventListener("click", () => this.confirmDiscard());
+      this.shadow.getElementById("btn-back-discard")?.addEventListener("click", () => this.backFromDiscard());
+      return;
+    }
     if (this._step === "ask") {
       this.shadow.innerHTML = `<style>${SAVE_TEST_STYLES}</style>${renderSaveTestAsk(this.t.bind(this))}`;
       this.shadow.getElementById("btn-yes")?.addEventListener("click", () => this.askSave());
@@ -3930,10 +4311,13 @@ var SaveTestElement = class extends HTMLElement {
     }
   }
 };
-if (!customElements.get("save-test")) {
-  customElements.define("save-test", SaveTestElement);
+if (!customElements.get("lib-e2e-save-test")) {
+  customElements.define("lib-e2e-save-test", SaveTestElement);
 }
 
+// src/components/test-editor/test-editor.ts
+init_code_format_utils();
+
 // src/components/test-editor/test-editor.styles.ts
 var TEST_EDITOR_STYLES = `
   :host { display: flex; flex-direction: column; flex: 1; min-height: 0; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; color: #e6edf3; overflow: hidden; }
@@ -4156,6 +4540,7 @@ function highlightLine(line) {
 }
 
 // src/components/test-editor/test-editor.template.ts
+init_code_format_utils();
 function renderTestRow(test, i, state, t) {
   const { selectMode, selectedIds, expandedIndex, interceptorsByTest, locale, issueTrackerConfig } = state;
   const expanded = expandedIndex === i;
@@ -4164,7 +4549,9 @@ function renderTestRow(test, i, state, t) {
   const tagsHtml = (test.tags ?? []).length ? `<span class="test-tags">${(test.tags ?? []).map((tag) => `<span class="test-tag">${escHtml(tag)}</span>`).join("")}</span>` : "";
   const checkbox = selectMode ? `<input type="checkbox" ${selectedIds.has(test.id) ? "checked" : ""} data-select="${test.id}" />` : "";
   const hasIcps = (test.interceptors ?? []).length > 0;
-  const itBlockCode = `it('${escapeSingleQuotes(test.name)}', () => {
+  const ticketId = test.ticketId;
+  const ticketComment = ticketId ? buildTicketComment(ticketId) + "\n" : "";
+  const itBlockCode = `${ticketComment}it('${escapeSingleQuotes(test.name)}', () => {
 ${(test.commands ?? []).map((c) => normalizeBlock(c, "  ")).join("\n")}
 });`;
   const icpBlockCode = icps.length ? `beforeEach(() => {
@@ -4172,7 +4559,6 @@ ${(test.commands ?? []).map((c) => normalizeBlock(c, "  ")).join("\n")}
 ${icps.map((c) => normalizeBlock(c, "  ")).join("\n")}
 });` : "";
   const notesHtml = expanded && test.notes ? `<p class="test-notes">${escHtml(test.notes)}</p>` : "";
-  const ticketId = test.ticketId;
   const ticketUrl = ticketId ? buildTicketUrl(ticketId, issueTrackerConfig) : null;
   const ticketHtml = ticketId ? ticketUrl ? `<a class="ticket-link" href="${escAttr(ticketUrl)}" target="_blank" rel="noopener noreferrer" title="${t("TEST_EDITOR.TICKET_LINK_TITLE")}">${escHtml(ticketId)}</a>` : `<span class="ticket-badge">${escHtml(ticketId)}</span>` : "";
   const body = expanded ? `
@@ -4421,8 +4807,85 @@ ${beforeEach}${itBlocks}
     });
   }
 };
-if (!customElements.get("test-editor")) {
-  customElements.define("test-editor", TestEditorElement);
+if (!customElements.get("lib-e2e-test-editor")) {
+  customElements.define("lib-e2e-test-editor", TestEditorElement);
+}
+
+// src/utils/login-setup.utils.ts
+var EXPORT_FN_RE = /^(?!\/\/).*\bexport\s+(?:async\s+)?function\s+(\w+)|^(?!\/\/).*\bexport\s+const\s+(\w+)\s*=\s*(?:async\s*)?\(/gm;
+function extractExportedFunctions(fileContent) {
+  const names = [];
+  let match;
+  const re = new RegExp(EXPORT_FN_RE.source, EXPORT_FN_RE.flags);
+  while ((match = re.exec(fileContent)) !== null) {
+    const name = match[1] ?? match[2];
+    if (name) names.push(name);
+  }
+  return names;
+}
+function buildLoginScaffold() {
+  return [
+    "/**",
+    " * Login service scaffold \u2014 fill in your own auth logic.",
+    " * This file is not committed to source control.",
+    " */",
+    "",
+    "export function fetchAuthToken() {",
+    "  // TODO: implement \u2014 retrieve and return your auth token",
+    "}",
+    "",
+    "export function setupRequestInterceptors() {",
+    "  // TODO: implement \u2014 configure cy.intercept() or set localStorage/cookies",
+    "}",
+    ""
+  ].join("\n");
+}
+function buildLoginImportPath(fromFilePath, toServiceFilePath) {
+  const fromParts = fromFilePath.replace(/\\/g, "/").split("/");
+  const toParts = toServiceFilePath.replace(/\\/g, "/").split("/");
+  fromParts.pop();
+  let common = 0;
+  while (common < fromParts.length && common < toParts.length - 1 && fromParts[common] === toParts[common]) {
+    common++;
+  }
+  const ups = fromParts.length - common;
+  const downs = toParts.slice(common);
+  const serviceFile = downs[downs.length - 1].replace(/\.ts$/, "");
+  const prefix = ups === 0 ? "." : Array(ups).fill("..").join("/");
+  const middle = downs.slice(0, -1);
+  return [prefix, ...middle, serviceFile].join("/");
+}
+function hasLoginBlocks(content, fnNames) {
+  return fnNames.some((fn) => new RegExp(`\\b${fn}\\s*\\(`).test(content));
+}
+function injectLoginBlocksIntoExisting(content, importLine, beforeBlock, beforeEachBlock) {
+  let result = content;
+  if (importLine && !content.includes(importLine)) {
+    result = `${importLine}
+
+${result}`;
+  }
+  const blocks = [beforeBlock, beforeEachBlock].filter(Boolean).join("");
+  if (blocks) {
+    const describeMatch = result.match(/(describe\s*\(.*?{)/s);
+    if (describeMatch) {
+      const insertPos = (describeMatch.index ?? 0) + describeMatch[0].length;
+      result = result.slice(0, insertPos) + "\n" + blocks + result.slice(insertPos);
+    }
+  }
+  return result;
+}
+function buildLoginBlocks(importPath, beforeFn, beforeEachFn) {
+  if (!beforeFn && !beforeEachFn) {
+    return { importLine: "", beforeBlock: "", beforeEachBlock: "" };
+  }
+  const fns = [...new Set([beforeFn, beforeEachFn].filter(Boolean))];
+  const importLine = `import { ${fns.join(", ")} } from '${importPath}';`;
+  const beforeBlock = beforeFn ? `  before(() => { ${beforeFn}(); });
+` : "";
+  const beforeEachBlock = beforeEachFn ? `  beforeEach(() => { ${beforeEachFn}(); });
+` : "";
+  return { importLine, beforeBlock, beforeEachBlock };
 }
 
 // src/components/configuration/configuration.styles.ts
@@ -4583,6 +5046,99 @@ var CONFIGURATION_STYLES = `
   .btn-export-confirm { background: #238636; border-color: #238636; color: #fff; }
   .btn-export-confirm:hover:not(:disabled) { background: #2ea043; border-color: #2ea043; }
   .btn-export-confirm:disabled { opacity: 0.45; cursor: not-allowed; }
+
+  /* \u2500\u2500 Form-element font reset \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */
+  input, select, button, textarea { font-family: inherit; }
+
+  /* \u2500\u2500 Primary action button \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */
+  .btn-primary { background: #1f6feb; border-color: #1f6feb; color: #fff; }
+  .btn-primary:hover { background: #388bfd; border-color: #388bfd; color: #fff; }
+  .btn-primary:disabled { opacity: 0.45; cursor: not-allowed; }
+
+  /* \u2500\u2500 Login Setup overlay \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */
+  .ls-modal { max-width: 500px; }
+  .ls-hd { display: flex; align-items: center; gap: 8px; }
+  .ls-hd-icon { font-size: 15px; }
+
+  .ls-body {
+    padding: 20px; overflow-y: auto; flex: 1;
+    display: flex; flex-direction: column; gap: 20px;
+    scrollbar-width: thin; scrollbar-color: #30363d transparent;
+  }
+
+  .ls-section { display: flex; flex-direction: column; gap: 8px; }
+  .ls-section-label {
+    font-size: 10px; font-weight: 700; text-transform: uppercase;
+    letter-spacing: 0.8px; color: #484f58;
+  }
+
+  .ls-actions { display: flex; gap: 10px; }
+  .ls-action-btn {
+    flex: 1; padding: 14px 12px; border-radius: 8px;
+    background: #0d1117; border: 1px solid #21262d; color: #8b949e;
+    display: flex; flex-direction: column; align-items: center; gap: 6px;
+    transition: background 0.15s, border-color 0.15s, color 0.15s;
+  }
+  .ls-action-btn:hover { background: #161b22; color: #e6edf3; border-color: #388bfd; }
+  .ls-action-icon { font-size: 22px; line-height: 1; }
+  .ls-action-label { font-size: 12px; font-weight: 600; color: #c9d1d9; }
+  .ls-action-btn:hover .ls-action-label { color: #e6edf3; }
+  .ls-action-sub { font-size: 10px; color: #484f58; line-height: 1.4; text-align: center; }
+
+  .ls-file-row {
+    display: flex; align-items: center; gap: 10px;
+    padding: 10px 12px; background: #0d1117;
+    border: 1px solid #21262d; border-radius: 8px;
+  }
+  .ls-file-icon { font-size: 14px; flex-shrink: 0; }
+  .ls-file-name {
+    flex: 1; font-size: 11px; color: #c9d1d9;
+    font-family: 'Cascadia Code','Fira Code','Consolas',monospace;
+    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
+    min-width: 0;
+  }
+  .ls-btn-rescan {
+    flex-shrink: 0; padding: 4px 10px; font-size: 11px;
+    background: #161b22; border-color: #30363d; color: #8b949e;
+  }
+  .ls-btn-rescan:hover { background: #21262d; color: #e6edf3; }
+
+  .ls-input {
+    width: 100%; padding: 8px 10px; background: #0d1117;
+    border: 1px solid #30363d; border-radius: 6px;
+    color: #c9d1d9; font-size: 12px; outline: none; font-family: inherit;
+  }
+  .ls-input:focus { border-color: #2f81f7; box-shadow: 0 0 0 3px rgba(47,129,247,0.12); }
+
+  .ls-fns {
+    display: flex; flex-wrap: wrap; gap: 6px;
+    padding: 10px; background: #0d1117;
+    border: 1px solid #21262d; border-radius: 6px; min-height: 38px;
+  }
+  .ls-fn-chip {
+    padding: 3px 10px; font-size: 11px; color: #79c0ff;
+    background: rgba(47,129,247,0.1); border: 1px solid rgba(47,129,247,0.2);
+    border-radius: 12px; font-family: 'Cascadia Code','Fira Code','Consolas',monospace;
+  }
+
+  .ls-field-block { display: flex; flex-direction: column; gap: 6px; }
+  .ls-field-block + .ls-field-block { margin-top: 12px; }
+  .ls-label { font-size: 11px; color: #8b949e; }
+  .ls-select {
+    width: 100%; padding: 8px 10px; background: #0d1117;
+    border: 1px solid #30363d; border-radius: 6px;
+    color: #c9d1d9; font-size: 12px; outline: none; cursor: pointer;
+  }
+  .ls-select:focus { border-color: #2f81f7; box-shadow: 0 0 0 3px rgba(47,129,247,0.12); }
+
+  .ls-empty-state {
+    display: flex; align-items: center; gap: 10px;
+    padding: 14px; background: #0d1117; border: 1px solid #21262d;
+    border-radius: 8px; font-size: 12px; color: #484f58;
+  }
+  .ls-empty-icon { font-size: 16px; }
+
+  .ls-ft { padding: 14px 20px; }
 `;
 
 // src/components/configuration/configuration.template.ts
@@ -4800,6 +5356,13 @@ function renderConfiguration(state, t) {
         </div>` : ""}
       </div>
 
+      <!-- Login Setup -->
+      <div class="card card-wide">
+        <div class="card-hd">${t("CONFIG.LOGIN_SETUP_SECTION")}</div>
+        ${state.loginSetupConfig ? `<p style="font-size:12px;color:#8b949e;margin:0 0 8px">${escHtml(state.loginSetupConfig.filePath)}</p>` : `<p style="font-size:12px;color:#8b949e;margin:0 0 8px">${t("CONFIG.LOGIN_SETUP_NOT_CONFIGURED")}</p>`}
+        <button id="btn-open-login-setup" class="btn-sm">${t("CONFIG.LOGIN_SETUP_SET_UP_BTN")}</button>
+      </div>
+
       <!-- Data -->
       <div class="card card-wide">
         <div class="card-hd">${t("CONFIG.DATA_SECTION")}</div>
@@ -4813,7 +5376,93 @@ function renderConfiguration(state, t) {
         </div>
       </div>
 
-    </div>${renderExportOverlay(state, t)}`;
+    </div>${renderExportOverlay(state, t)}${renderLoginSetupOverlay(state, t)}`;
+}
+function renderLoginSetupOverlay(state, t) {
+  if (!state.isLoginSetupOpen) return "";
+  const cfg = state.loginSetupConfig;
+  const path = state.loginSetupDraftPath ?? cfg?.filePath ?? "";
+  const fns = state.loginSetupDraftFunctions ?? cfg?.detectedFunctions ?? [];
+  const beforeFn = state.loginSetupDraftBeforeFn !== void 0 ? state.loginSetupDraftBeforeFn : cfg?.beforeFn ?? null;
+  const beforeEachFn = state.loginSetupDraftBeforeEachFn !== void 0 ? state.loginSetupDraftBeforeEachFn : cfg?.beforeEachFn ?? null;
+  const hasContent = state.loginSetupDraftHasContent ?? !!cfg?.fileContent;
+  const fnOption = (name, selected) => `<option value="${escAttr(name ?? "")}" ${selected === name ? "selected" : ""}>${name ? escHtml(name) : t("CONFIG.LOGIN_SETUP_NONE_OPTION")}</option>`;
+  const fnDropdown = (id, label, selected) => `
+    <div class="ls-field-block">
+      <label class="ls-label" for="${id}">${escHtml(label)}</label>
+      <select id="${id}" class="ls-select">
+        ${fnOption(null, selected)}
+        ${fns.map((fn) => fnOption(fn, selected)).join("")}
+      </select>
+    </div>`;
+  const functionsSection = hasContent ? fns.length > 0 ? `<div class="ls-section">
+             <span class="ls-section-label">Funciones detectadas</span>
+             <div class="ls-fns">${fns.map((fn) => `<span class="ls-fn-chip">${escHtml(fn)}</span>`).join("")}</div>
+           </div>
+           <div class="ls-section">
+             <span class="ls-section-label">Asignaci\xF3n de bloques</span>
+             ${fnDropdown("login-setup-before-fn", t("CONFIG.LOGIN_SETUP_BEFORE_LABEL"), beforeFn)}
+             ${fnDropdown("login-setup-before-each-fn", t("CONFIG.LOGIN_SETUP_BEFORE_EACH_LABEL"), beforeEachFn)}
+           </div>` : `<div class="ls-empty-state">
+             <span class="ls-empty-icon">\u{1F50D}</span>
+             <span>${t("CONFIG.LOGIN_SETUP_NO_FUNCTIONS")}</span>
+           </div>` : "";
+  const fileSection = hasContent ? `<div class="ls-section">
+         <span class="ls-section-label">${t("CONFIG.LOGIN_SETUP_FILE_NAME_LABEL")}</span>
+         <div class="ls-file-row">
+           <span class="ls-file-icon">\u{1F4C4}</span>
+           <span class="ls-file-name">${escHtml(path)}</span>
+           <button id="btn-login-setup-rescan" class="ls-btn-rescan">${t("CONFIG.LOGIN_SETUP_RESCAN")}</button>
+         </div>
+       </div>` : `<div class="ls-section">
+         <span class="ls-section-label">${t("CONFIG.LOGIN_SETUP_FILE_NAME_LABEL")}</span>
+         <input id="login-setup-filepath" type="text" class="ls-input"
+           placeholder="${escAttr(t("CONFIG.LOGIN_SETUP_FILE_NAME_PH"))}"
+           value="${escAttr(path)}" />
+       </div>`;
+  return `
+  <div class="export-overlay" id="login-setup-overlay">
+    <div class="export-modal ls-modal">
+
+      <div class="export-hd ls-hd">
+        <span class="ls-hd-icon">\u{1F510}</span>
+        ${t("CONFIG.LOGIN_SETUP_TITLE")}
+      </div>
+
+      <div class="ls-body">
+
+        <div class="ls-section">
+          <span class="ls-section-label">${t("CONFIG.LOGIN_SETUP_SOURCE_LABEL")}</span>
+          <div class="ls-actions">
+            <button id="btn-login-setup-create-scaffold" class="ls-action-btn">
+              <span class="ls-action-icon">\u2728</span>
+              <span class="ls-action-label">${t("CONFIG.LOGIN_SETUP_CREATE_SCAFFOLD")}</span>
+              <span class="ls-action-sub">${t("CONFIG.LOGIN_SETUP_CREATE_SUB")}</span>
+            </button>
+            <button id="btn-login-setup-pick-file" class="ls-action-btn">
+              <span class="ls-action-icon">\u{1F4C2}</span>
+              <span class="ls-action-label">${t("CONFIG.LOGIN_SETUP_SELECT_EXISTING")}</span>
+              <span class="ls-action-sub">${t("CONFIG.LOGIN_SETUP_SELECT_SUB")}</span>
+            </button>
+          </div>
+        </div>
+
+        ${fileSection}
+
+        ${functionsSection}
+
+      </div>
+
+      <div class="export-ft ls-ft">
+        <button id="btn-login-setup-clear" class="btn-danger">${t("CONFIG.LOGIN_SETUP_CLEAR_BTN")}</button>
+        <span class="export-ft-actions">
+          <button id="btn-login-setup-cancel">${t("CONFIG.LOGIN_SETUP_CANCEL_BTN")}</button>
+          <button id="btn-login-setup-save" class="btn-primary">${t("CONFIG.LOGIN_SETUP_SAVE_BTN")}</button>
+        </span>
+      </div>
+
+    </div>
+  </div>`;
 }
 
 // src/components/configuration/configuration.ts
@@ -4834,6 +5483,15 @@ var ConfigurationElement = class extends HTMLElement {
   exportSelectedIds = /* @__PURE__ */ new Set();
   exportSelectedTags = /* @__PURE__ */ new Set();
   issueTrackerConfig = { ...DEFAULT_ISSUE_TRACKER_CONFIG };
+  isLoginSetupOpen = false;
+  loginSetupConfig = null;
+  loginSetupDraftPath = "";
+  loginSetupDraftFunctions = [];
+  loginSetupDraftBeforeFn = null;
+  loginSetupDraftBeforeEachFn = null;
+  loginSetupDraftHasContent = false;
+  loginSetupDraftHandle = null;
+  loginSetupDraftContent = "";
   filesystemGranted = false;
   cypressFolderName = null;
   constructor() {
@@ -4875,6 +5533,7 @@ var ConfigurationElement = class extends HTMLElement {
       provider: config?.["issueTrackerProvider"] ?? DEFAULT_ISSUE_TRACKER_CONFIG.provider,
       baseUrl: config?.["issueTrackerBaseUrl"] ?? ""
     };
+    this.loginSetupConfig = await this.persistence.getLoginSetup();
     this.render();
   }
   async onLanguageChange(lang) {
@@ -4940,6 +5599,85 @@ var ConfigurationElement = class extends HTMLElement {
     await this.persistence.setConfig({ issueTrackerBaseUrl: baseUrl });
     this.dispatchEvent(new CustomEvent("issuetrackerchange", { detail: { ...this.issueTrackerConfig }, bubbles: true, composed: true }));
   }
+  openLoginSetupPanel() {
+    this.isLoginSetupOpen = true;
+    const cfg = this.loginSetupConfig;
+    this.loginSetupDraftHandle = null;
+    this.loginSetupDraftContent = cfg?.fileContent ?? "";
+    this.loginSetupDraftPath = cfg?.filePath ?? "";
+    this.loginSetupDraftFunctions = cfg?.detectedFunctions ?? [];
+    this.loginSetupDraftBeforeFn = cfg?.beforeFn ?? null;
+    this.loginSetupDraftBeforeEachFn = cfg?.beforeEachFn ?? null;
+    this.loginSetupDraftHasContent = !!cfg?.fileContent;
+    this.render();
+  }
+  closeLoginSetupPanel() {
+    this.isLoginSetupOpen = false;
+    this.render();
+  }
+  async saveLoginSetupConfig(config) {
+    await this.persistence.saveLoginSetup(config);
+    this.loginSetupConfig = config;
+    this.isLoginSetupOpen = false;
+    this.render();
+  }
+  async clearLoginSetupConfig() {
+    await this.persistence.clearLoginSetup();
+    this.loginSetupConfig = null;
+    this.render();
+  }
+  async loginSetupPickFile() {
+    const currentPath = this.shadow.getElementById("login-setup-filepath")?.value.trim() ?? "";
+    try {
+      const [handle] = await window.showOpenFilePicker({
+        types: [{ description: "TypeScript files", accept: { "text/plain": [".ts"] } }],
+        multiple: false
+      });
+      this.loginSetupDraftHandle = handle;
+      const file = await handle.getFile();
+      this.loginSetupDraftContent = await file.text();
+      this.loginSetupDraftHasContent = true;
+      this.loginSetupDraftPath = currentPath || `cypress/common-services/${handle.name}`;
+      this.loginSetupDraftFunctions = extractExportedFunctions(this.loginSetupDraftContent);
+      this.render();
+    } catch (e) {
+      if (e?.name !== "AbortError") showToast(this.t("CONFIG.FOLDER_ERROR_TOAST"), false);
+    }
+  }
+  async loginSetupCreateScaffold() {
+    const currentPath = this.shadow.getElementById("login-setup-filepath")?.value.trim() ?? "";
+    try {
+      const handle = await window.showSaveFilePicker({
+        suggestedName: "login.service.ts",
+        types: [{ description: "TypeScript files", accept: { "text/plain": [".ts"] } }]
+      });
+      const content = buildLoginScaffold();
+      const writable = await handle.createWritable();
+      await writable.write(content);
+      await writable.close();
+      this.loginSetupDraftHandle = handle;
+      this.loginSetupDraftContent = content;
+      this.loginSetupDraftHasContent = true;
+      this.loginSetupDraftPath = currentPath || `cypress/common-services/${handle.name}`;
+      this.loginSetupDraftFunctions = extractExportedFunctions(content);
+      this.render();
+    } catch (e) {
+      if (e?.name !== "AbortError") showToast(this.t("CONFIG.FOLDER_ERROR_TOAST"), false);
+    }
+  }
+  async loginSetupRescan() {
+    const currentPath = this.shadow.getElementById("login-setup-filepath")?.value.trim();
+    if (currentPath !== void 0) this.loginSetupDraftPath = currentPath;
+    try {
+      if (this.loginSetupDraftHandle) {
+        const file = await this.loginSetupDraftHandle.getFile();
+        this.loginSetupDraftContent = await file.text();
+      }
+      this.loginSetupDraftFunctions = extractExportedFunctions(this.loginSetupDraftContent);
+      this.render();
+    } catch {
+    }
+  }
   async changeFolder() {
     try {
       await this.persistence.requestDirectoryPermissions();
@@ -5042,7 +5780,14 @@ var ConfigurationElement = class extends HTMLElement {
       exportTests: this.exportTests,
       exportSelectedIds: this.exportSelectedIds,
       exportSelectedTags: this.exportSelectedTags,
-      issueTrackerConfig: this.issueTrackerConfig
+      issueTrackerConfig: this.issueTrackerConfig,
+      isLoginSetupOpen: this.isLoginSetupOpen,
+      loginSetupConfig: this.loginSetupConfig,
+      loginSetupDraftPath: this.loginSetupDraftPath,
+      loginSetupDraftFunctions: this.loginSetupDraftFunctions,
+      loginSetupDraftBeforeFn: this.loginSetupDraftBeforeFn,
+      loginSetupDraftBeforeEachFn: this.loginSetupDraftBeforeEachFn,
+      loginSetupDraftHasContent: this.loginSetupDraftHasContent
     }, this.t.bind(this))}`;
     ;
     this.shadow.getElementById("lang-select").addEventListener(
@@ -5101,24 +5846,48 @@ var ConfigurationElement = class extends HTMLElement {
     this.shadow.querySelectorAll("[data-export-tag]").forEach(
       (el) => el.addEventListener("click", () => this.toggleExportTag(el.dataset["exportTag"] ?? ""))
     );
+    this.shadow.getElementById("btn-open-login-setup")?.addEventListener("click", () => this.openLoginSetupPanel());
+    this.shadow.getElementById("btn-login-setup-cancel")?.addEventListener("click", () => this.closeLoginSetupPanel());
+    this.shadow.getElementById("btn-login-setup-pick-file")?.addEventListener("click", () => this.loginSetupPickFile());
+    this.shadow.getElementById("btn-login-setup-create-scaffold")?.addEventListener("click", () => this.loginSetupCreateScaffold());
+    this.shadow.getElementById("btn-login-setup-rescan")?.addEventListener("click", () => this.loginSetupRescan());
+    this.shadow.getElementById("btn-login-setup-clear")?.addEventListener("click", () => this.clearLoginSetupConfig());
+    this.shadow.getElementById("btn-login-setup-save")?.addEventListener("click", async () => {
+      const pathEl = this.shadow.getElementById("login-setup-filepath");
+      const beforeEl = this.shadow.getElementById("login-setup-before-fn");
+      const beforeEachEl = this.shadow.getElementById("login-setup-before-each-fn");
+      await this.saveLoginSetupConfig({
+        enabled: true,
+        filePath: pathEl?.value.trim() ?? this.loginSetupDraftPath,
+        fileContent: this.loginSetupDraftContent,
+        detectedFunctions: this.loginSetupDraftFunctions,
+        beforeFn: beforeEl?.value || null,
+        beforeEachFn: beforeEachEl?.value || null
+      });
+    });
+    ;
     this.shadow.getElementById("file-input").addEventListener("change", async (e) => {
       const file = e.target.files?.[0];
       if (!file) return;
       try {
         await this.importAllData(file);
-        alert(this.t("CONFIG.IMPORT_SUCCESS"));
+        showToast(this.t("CONFIG.IMPORT_SUCCESS"));
       } catch (err) {
-        alert(err.message ?? this.t("CONFIG.IMPORT_ERROR"));
+        showToast(err.message ?? this.t("CONFIG.IMPORT_ERROR"), false);
       }
       const target = e.target;
       if (target) target.value = "";
     });
   }
 };
-if (!customElements.get("e2e-configuration")) {
-  customElements.define("e2e-configuration", ConfigurationElement);
+if (!customElements.get("lib-e2e-configuration")) {
+  customElements.define("lib-e2e-configuration", ConfigurationElement);
 }
 
+// src/components/advanced-test-editor/advanced-test-editor.ts
+var import_sweetalert2 = __toESM(require("sweetalert2"), 1);
+init_code_format_utils();
+
 // src/components/advanced-test-editor/advanced-test-editor.styles.ts
 var ADVANCED_TEST_EDITOR_STYLES = `
   :host { display: flex; flex-direction: column; flex: 1; min-height: 0; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; color: #e6edf3; overflow: hidden; }
@@ -5377,6 +6146,7 @@ var AdvancedTestEditorElement = class extends HTMLElement {
   isCreatingFolder = false;
   collapsedDirs = /* @__PURE__ */ new Set();
   sidebarWidth = 220;
+  loginSetupConfig = null;
   hasPermission = false;
   needsReauth = false;
   _dirHandle = null;
@@ -5437,20 +6207,51 @@ var AdvancedTestEditorElement = class extends HTMLElement {
     const name = rawName.trim().replace(/\.cy\.ts$/, "");
     if (!name) return;
     const fileName = `${name}.cy.ts`;
-    const template = `describe('${escapeSingleQuotes(name)}', () => {
+    const cfg = this.loginSetupConfig;
+    if (cfg?.enabled && (cfg.beforeFn || cfg.beforeEachFn)) {
+      const e2eName = this._e2eHandle.name ?? "e2e";
+      const fromPath = `cypress/${e2eName}/${fileName}`;
+      const importPath = buildLoginImportPath(fromPath, cfg.filePath);
+      const { importLine, beforeBlock, beforeEachBlock } = buildLoginBlocks(
+        importPath,
+        cfg.beforeFn,
+        cfg.beforeEachFn
+      );
+      const header = importLine ? `${importLine}
 
+` : "";
+      const inner = [beforeBlock, beforeEachBlock].filter(Boolean).join("");
+      const template = `${header}describe('${escapeSingleQuotes(name)}', () => {
+${inner}
   it('should ', () => {
 
   });
 
 });
 `;
-    try {
-      const fileHandle = await this._e2eHandle.getFileHandle(fileName, { create: true });
-      const writable = await fileHandle.createWritable();
-      await writable.write(template);
-      await writable.close();
-    } catch {
+      try {
+        const fileHandle = await this._e2eHandle.getFileHandle(fileName, { create: true });
+        const writable = await fileHandle.createWritable();
+        await writable.write(template);
+        await writable.close();
+      } catch {
+      }
+    } else {
+      const template = `describe('${escapeSingleQuotes(name)}', () => {
+
+  it('should ', () => {
+
+  });
+
+});
+`;
+      try {
+        const fileHandle = await this._e2eHandle.getFileHandle(fileName, { create: true });
+        const writable = await fileHandle.createWritable();
+        await writable.write(template);
+        await writable.close();
+      } catch {
+      }
     }
     this.isCreatingFile = false;
     await this.getFoldersData();
@@ -5478,6 +6279,30 @@ var AdvancedTestEditorElement = class extends HTMLElement {
     const comment = this.testNotes ? this.transformationService.buildBlockComment(this.testNotes) + "\n" : "";
     content = this.transformationService.insertItBlock(content, comment + this.testItBlock);
     if (!content) return;
+    const cfg = this.loginSetupConfig;
+    if (cfg?.enabled && (cfg.beforeFn || cfg.beforeEachFn)) {
+      const fns = [cfg.beforeFn, cfg.beforeEachFn].filter(Boolean);
+      if (!hasLoginBlocks(content, fns)) {
+        const e2eName = this._e2eHandle?.name ?? "e2e";
+        const fileName = this.selectedFile?.name ?? "";
+        const fromPath = `cypress/${e2eName}/${fileName}`;
+        const importPath = buildLoginImportPath(fromPath, cfg.filePath);
+        const { importLine, beforeBlock, beforeEachBlock } = buildLoginBlocks(importPath, cfg.beforeFn, cfg.beforeEachFn);
+        const result = await import_sweetalert2.default.fire({
+          title: this.t("CONFIG.LOGIN_SETUP_INJECT_TITLE"),
+          html: `<div style="padding:10px 18px 14px;color:#8b949e;font-size:13px;line-height:1.6;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif">${this.t("CONFIG.LOGIN_SETUP_INJECT_TEXT")}</div>`,
+          icon: "question",
+          showCancelButton: true,
+          confirmButtonText: this.t("CONFIG.LOGIN_SETUP_INJECT_CONFIRM"),
+          cancelButtonText: this.t("CONFIG.LOGIN_SETUP_CANCEL_BTN"),
+          confirmButtonColor: "#1f6feb",
+          width: 460
+        });
+        if (result.isConfirmed) {
+          content = injectLoginBlocksIntoExisting(content, importLine, beforeBlock, beforeEachBlock);
+        }
+      }
+    }
     const writable = await this.selectedFileHandle.createWritable();
     await writable.write(content);
     await writable.close();
@@ -5672,8 +6497,8 @@ var AdvancedTestEditorElement = class extends HTMLElement {
     });
   }
 };
-if (!customElements.get("advanced-test-editor")) {
-  customElements.define("advanced-test-editor", AdvancedTestEditorElement);
+if (!customElements.get("lib-e2e-advanced-test-editor")) {
+  customElements.define("lib-e2e-advanced-test-editor", AdvancedTestEditorElement);
 }
 
 // src/components/file-preview/file-preview.styles.ts
@@ -6039,8 +6864,8 @@ var FilePreviewElement = class extends HTMLElement {
     });
   }
 };
-if (!customElements.get("file-preview")) {
-  customElements.define("file-preview", FilePreviewElement);
+if (!customElements.get("lib-e2e-file-preview")) {
+  customElements.define("lib-e2e-file-preview", FilePreviewElement);
 }
 
 // src/components/help-panel/help-panel.styles.ts
@@ -6136,12 +6961,12 @@ var REFERENCE_SECTIONS = [
   { title: "HELP.SEC_PANELS", items: ["HELP.PANEL_TESTS", "HELP.PANEL_COMMANDS", "HELP.PANEL_CONFIG", "HELP.PANEL_FILES"] },
   { title: "HELP.SEC_SELECTOR", items: ["HELP.SELECTOR_1", "HELP.SELECTOR_2"] },
   { title: "HELP.SEC_DATA", items: ["HELP.DATA_1", "HELP.DATA_2"] },
-  { title: "HELP.SEC_ADVANCED", items: ["HELP.ADV_INVISIBLE", "HELP.ADV_RUNNER", "HELP.ADV_CROSSAPP", "HELP.ADV_DRAG"] }
+  { title: "HELP.SEC_ADVANCED", items: ["HELP.ADV_INVISIBLE", "HELP.ADV_RUNNER", "HELP.ADV_CROSSAPP", "HELP.ADV_DRAG", "HELP.ADV_LOGIN"] }
 ];
 var GUIDE_SECTIONS = [
   { title: "HELP.G_SEC_WORKFLOW", items: ["HELP.G_WF_1", "HELP.G_WF_2", "HELP.G_WF_3", "HELP.G_WF_4", "HELP.G_WF_5"] },
-  { title: "HELP.G_SEC_COVERED", items: ["HELP.G_COV_1", "HELP.G_COV_2", "HELP.G_COV_3", "HELP.G_COV_4", "HELP.G_COV_5", "HELP.G_COV_6"] },
-  { title: "HELP.G_SEC_NOTCOVERED", items: ["HELP.G_NC_1", "HELP.G_NC_2", "HELP.G_NC_3", "HELP.G_NC_4", "HELP.G_NC_5", "HELP.G_NC_6"] }
+  { title: "HELP.G_SEC_COVERED", items: ["HELP.G_COV_1", "HELP.G_COV_2", "HELP.G_COV_3", "HELP.G_COV_4", "HELP.G_COV_5", "HELP.G_COV_6", "HELP.G_COV_7"] },
+  { title: "HELP.G_SEC_NOTCOVERED", items: ["HELP.G_NC_1", "HELP.G_NC_2", "HELP.G_NC_3", "HELP.G_NC_4", "HELP.G_NC_5"] }
 ];
 function sectionsHtml(sections, t) {
   return sections.map(
@@ -6188,12 +7013,12 @@ var HelpPanelElement = class extends HTMLElement {
     });
   }
 };
-if (!customElements.get("help-panel")) {
-  customElements.define("help-panel", HelpPanelElement);
+if (!customElements.get("lib-e2e-help-panel")) {
+  customElements.define("lib-e2e-help-panel", HelpPanelElement);
 }
 
 // src/components/lib-e2e-recorder/lib-e2e-recorder.ts
-var import_sweetalert2 = __toESM(require("sweetalert2"), 1);
+var import_sweetalert22 = __toESM(require("sweetalert2"), 1);
 
 // src/components/lib-e2e-recorder/lib-e2e-recorder.styles.ts
 var DIRECTIONS = ["up-left", "up-right", "down-left", "down-right"];
@@ -6394,6 +7219,109 @@ function renderRecorderWidget(rec, paused, t) {
     <div class="rec-badge">${paused ? t("RECORDER.BADGE_PAUSED") : t("RECORDER.BADGE_REC")}</div>`;
 }
 
+// src/components/lib-e2e-recorder/assertion-builder.ts
+init_code_format_utils();
+var NO_VALUE_ASSERTIONS = /* @__PURE__ */ new Set(["be.visible", "not.exist", "be.disabled", "be.checked"]);
+function injectAssertionBuilder(container, t, onAddCommand) {
+  container.insertAdjacentHTML("beforeend", `
+    <div id="assertion-builder"
+      style="padding:10px 12px;border-top:1px solid #21262d;background:#0d1117">
+      <div style="font-size:10px;color:#484f58;text-transform:uppercase;letter-spacing:.8px;font-weight:600;margin-bottom:8px">
+        ${t("RECORDER.ASSERTION_SECTION")}
+      </div>
+      <div style="display:flex;gap:6px;flex-wrap:wrap;align-items:flex-end">
+        <input id="assert-selector" type="text"
+          placeholder="${t("RECORDER.ASSERT_SELECTOR_PH").replace(/"/g, "&quot;")}"
+          style="flex:2;min-width:140px;padding:5px 8px;background:#161b22;border:1px solid #30363d;
+                 border-radius:5px;color:#c9d1d9;font-size:11px;outline:none;
+                 font-family:'Cascadia Code','Fira Code',monospace"/>
+        <select id="assert-type"
+          style="padding:5px 8px;background:#161b22;border:1px solid #30363d;border-radius:5px;
+                 color:#c9d1d9;font-size:11px;outline:none;cursor:pointer;flex-shrink:0">
+          <option value="be.visible">be.visible</option>
+          <option value="not.exist">not.exist</option>
+          <option value="be.disabled">be.disabled</option>
+          <option value="be.checked">be.checked</option>
+          <option value="contain.text">contain.text</option>
+          <option value="have.value">have.value</option>
+          <option value="have.length">have.length</option>
+          <option value="have.class">have.class</option>
+          <option value="have.attr">have.attr</option>
+        </select>
+        <input id="assert-value" type="text" placeholder="${t("RECORDER.ASSERT_VALUE_PH")}"
+          style="flex:2;min-width:110px;padding:5px 8px;background:#161b22;border:1px solid #30363d;
+                 border-radius:5px;color:#c9d1d9;font-size:11px;outline:none"/>
+        <button id="btn-add-assertion"
+          style="padding:5px 12px;border:none;border-radius:5px;cursor:pointer;
+                 font-size:11px;font-weight:500;background:#2f81f7;color:#fff;
+                 white-space:nowrap;flex-shrink:0">
+          ${t("RECORDER.ASSERT_ADD_BTN")}
+        </button>
+      </div>
+    </div>`);
+  document.getElementById("btn-add-assertion")?.addEventListener("click", () => {
+    const sel = document.getElementById("assert-selector").value.trim();
+    const type = document.getElementById("assert-type").value;
+    const val = document.getElementById("assert-value").value.trim();
+    if (!sel) return;
+    const s = escapeSingleQuotes(sel);
+    const v = escapeSingleQuotes(val);
+    const cmd = NO_VALUE_ASSERTIONS.has(type) || !val ? `cy.get('${s}').should('${type}')` : `cy.get('${s}').should('${type}', '${v}')`;
+    onAddCommand(cmd);
+    document.getElementById("assert-selector").value = "";
+    document.getElementById("assert-value").value = "";
+  });
+}
+
+// src/components/lib-e2e-recorder/filesystem-setup.ts
+function mountFilesystemSetupContent(container, t, onSkip, onSelect) {
+  container.innerHTML = `
+    <div style="padding:16px 20px 20px;color:#8b949e;font-size:13px;line-height:1.7">
+      <p>${t("RECORDER.FS_INTRO_HTML")}</p>
+      <p style="margin-top:10px;margin-bottom:6px;font-size:11px;color:#8b949e">
+        ${t("RECORDER.FS_STRUCTURE_HINT_HTML")}
+      </p>
+      <pre style="margin:0;padding:10px 14px;background:#0d1117;border:1px solid #21262d;
+                  border-radius:8px;font-size:11px;color:#c9d1d9;line-height:1.8;
+                  font-family:'Cascadia Code','Fira Code','Consolas',monospace">
+cypress/         <span style="color:#484f58">${t("RECORDER.FS_TREE_PICK_HINT")}</span>
+\u2514\u2500\u2500 e2e/         <span style="color:#484f58">${t("RECORDER.FS_TREE_READ_HINT")}</span>
+    \u2514\u2500\u2500 *.cy.ts</pre>
+      <p style="margin-top:8px;font-size:11px;color:#484f58">
+        ${t("RECORDER.FS_PERMISSION_NOTE")}
+      </p>
+      <div style="display:flex;gap:8px;justify-content:flex-end;margin-top:20px">
+        <button id="fs-skip"
+          style="padding:7px 16px;border:1px solid #30363d;border-radius:6px;cursor:pointer;
+                 font-size:12px;font-weight:500;background:transparent;color:#8b949e">
+          ${t("RECORDER.FS_LATER_BTN")}
+        </button>
+        <button id="fs-select"
+          style="padding:7px 16px;border:none;border-radius:6px;cursor:pointer;
+                 font-size:12px;font-weight:500;background:#2f81f7;color:#fff">
+          ${t("RECORDER.FS_SELECT_BTN")}
+        </button>
+      </div>
+    </div>`;
+  document.getElementById("fs-skip")?.addEventListener("click", () => {
+    void onSkip();
+  });
+  document.getElementById("fs-select")?.addEventListener("click", () => {
+    void onSelect();
+  });
+}
+
+// src/utils/swal-mount.utils.ts
+function mountComponentInSwal(tagName, container, props, events) {
+  const el = document.createElement(tagName);
+  Object.assign(el, props);
+  container.appendChild(el);
+  for (const { name, handler } of events ?? []) {
+    el.addEventListener(name, handler);
+  }
+  return el;
+}
+
 // src/utils/fixture-convert.utils.ts
 function toFixtureInterceptors(interceptors, fixtures) {
   const fixtureNames = new Set(fixtures.map((f) => f.name));
@@ -6513,6 +7441,10 @@ var LibE2eRecorderElement = class extends HTMLElement {
     this.recording.destroy();
     this._needsRecordingRebuild = true;
   }
+  // HttpMonitor reads extendedHttpCommands and fixtureMode synchronously inside
+  // fetch/XHR interception handlers, so they must live in localStorage (sync).
+  // IndexedDB is the persistent source of truth; this method mirrors it into
+  // localStorage on every mount so the sync cache is always fresh.
   async initHttpConfig() {
     const config = await this.persistence.getConfig("extendedHttpCommands");
     if (config === null) {
@@ -6560,9 +7492,9 @@ var LibE2eRecorderElement = class extends HTMLElement {
   }
   showSelectorPicker(target) {
     Promise.resolve().then(() => (init_selector_picker(), selector_picker_exports)).then(() => {
-      const existing = document.querySelector("selector-picker");
+      const existing = document.querySelector("lib-e2e-selector-picker");
       if (existing) existing.remove();
-      const picker = document.createElement("selector-picker");
+      const picker = document.createElement("lib-e2e-selector-picker");
       picker.targetElement = target;
       picker.recording = this.recording;
       picker.translation = this.translation;
@@ -6624,7 +7556,7 @@ var LibE2eRecorderElement = class extends HTMLElement {
   }
   async promptResumeOrDiscard(session) {
     const t = this.translation.translate.bind(this.translation);
-    const result = await import_sweetalert2.default.fire({
+    const result = await import_sweetalert22.default.fire({
       title: t("RECORDER.SESSION_RESUME_TITLE"),
       html: `<div style="padding:8px 4px;color:#8b949e;font-size:13px;line-height:1.6"><p>${t("RECORDER.SESSION_RESUME_TEXT")}</p><p style="margin-top:6px;color:#c9d1d9"><b>${session.commands.length}</b> ${t("RECORDER.SESSION_RESUME_COUNT")}</p></div>`,
       showCancelButton: true,
@@ -6843,8 +7775,9 @@ var LibE2eRecorderElement = class extends HTMLElement {
     this.showFilesystemSetupDialog();
   }
   showFilesystemSetupDialog() {
-    import_sweetalert2.default.fire({
-      title: this.translation.translate("RECORDER.FS_TITLE"),
+    const t = this.translation.translate.bind(this.translation);
+    import_sweetalert22.default.fire({
+      title: t("RECORDER.FS_TITLE"),
       html: '<div id="fs-setup-content"></div>',
       showCloseButton: true,
       showConfirmButton: false,
@@ -6853,277 +7786,171 @@ var LibE2eRecorderElement = class extends HTMLElement {
         setSwal2DataCyAttribute();
         const container = document.getElementById("fs-setup-content");
         if (!container) return;
-        container.innerHTML = `
-          <div style="padding:16px 20px 20px;color:#8b949e;font-size:13px;line-height:1.7">
-            <p>${this.translation.translate("RECORDER.FS_INTRO_HTML")}</p>
-            <p style="margin-top:10px;margin-bottom:6px;font-size:11px;color:#8b949e">
-              ${this.translation.translate("RECORDER.FS_STRUCTURE_HINT_HTML")}
-            </p>
-            <pre style="margin:0;padding:10px 14px;background:#0d1117;border:1px solid #21262d;
-                        border-radius:8px;font-size:11px;color:#c9d1d9;line-height:1.8;
-                        font-family:'Cascadia Code','Fira Code','Consolas',monospace">
-cypress/         <span style="color:#484f58">${this.translation.translate("RECORDER.FS_TREE_PICK_HINT")}</span>
-\u2514\u2500\u2500 e2e/         <span style="color:#484f58">${this.translation.translate("RECORDER.FS_TREE_READ_HINT")}</span>
-    \u2514\u2500\u2500 *.cy.ts</pre>
-            <p style="margin-top:8px;font-size:11px;color:#484f58">
-              ${this.translation.translate("RECORDER.FS_PERMISSION_NOTE")}
-            </p>
-            <div style="display:flex;gap:8px;justify-content:flex-end;margin-top:20px">
-              <button id="fs-skip"
-                style="padding:7px 16px;border:1px solid #30363d;border-radius:6px;cursor:pointer;
-                       font-size:12px;font-weight:500;background:transparent;color:#8b949e">
-                ${this.translation.translate("RECORDER.FS_LATER_BTN")}
-              </button>
-              <button id="fs-select"
-                style="padding:7px 16px;border:none;border-radius:6px;cursor:pointer;
-                       font-size:12px;font-weight:500;background:#2f81f7;color:#fff">
-                ${this.translation.translate("RECORDER.FS_SELECT_BTN")}
-              </button>
-            </div>
-          </div>`;
-        document.getElementById("fs-skip")?.addEventListener("click", async () => {
-          await this.persistence.setConfigKey("allowReadWriteFiles", "false");
-          import_sweetalert2.default.close();
-        });
-        document.getElementById("fs-select")?.addEventListener("click", async () => {
-          try {
-            await this.persistence.requestDirectoryPermissions();
-            import_sweetalert2.default.close();
-            showToast(this.translation.translate("RECORDER.FS_SUCCESS_TOAST"));
-          } catch (e) {
-            if (e?.name !== "AbortError") {
-              showToast(this.translation.translate("RECORDER.FS_ERROR_TOAST"), false);
+        mountFilesystemSetupContent(
+          container,
+          t,
+          async () => {
+            await this.persistence.setConfigKey("allowReadWriteFiles", "false");
+            import_sweetalert22.default.close();
+          },
+          async () => {
+            try {
+              await this.persistence.requestDirectoryPermissions();
+              import_sweetalert22.default.close();
+              showToast(t("RECORDER.FS_SUCCESS_TOAST"));
+            } catch (e) {
+              if (e?.name !== "AbortError") {
+                showToast(t("RECORDER.FS_ERROR_TOAST"), false);
+              }
             }
           }
-        });
+        );
       }
     });
   }
   // ── dialogs ──────────────────────────────────────────────────────────────
   showCommandsDialog() {
-    this.toggleModal("isCommandsDialogOpen", () => {
-      import_sweetalert2.default.fire({
+    this.openSwalDialog(
+      "isCommandsDialogOpen",
+      "commands-modal-content",
+      {
         title: this.translation.translate("MAIN_FRAME.DIALOG_COMMANDS"),
         html: '<div id="commands-modal-content" style="min-height:250px;padding:0"></div>',
         showCloseButton: true,
-        showConfirmButton: false,
         allowOutsideClick: false,
         backdrop: false,
-        width: 640,
-        color: "#e6edf3",
-        didOpen: () => {
-          makeSwalDraggable();
-          setSwal2DataCyAttribute();
+        width: 640
+      },
+      (container) => {
+        const child = mountComponentInSwal("lib-e2e-test-previsualizer", container, {
+          translation: this.translation,
+          commands: this.cypressCommands,
+          interceptors: this.interceptors,
+          editable: true
+        }, [
+          { name: "deletecommand", handler: (e) => this.recording.removeCommand(e.detail) },
+          { name: "movecommand", handler: (e) => this.recording.moveCommand(e.detail.from, e.detail.to) },
+          { name: "deleteinterceptor", handler: (e) => this.recording.removeInterceptor(e.detail) }
+        ]);
+        this._previsualizerRef = child;
+        injectAssertionBuilder(container, this.translation.translate.bind(this.translation), (cmd) => this.recording.appendCommand(cmd));
+      },
+      {
+        // Make the container click-through so the page underneath remains interactive
+        onDidOpenPreamble: () => {
           const swalContainer = document.querySelector(".swal2-container");
           if (swalContainer) {
             swalContainer.style.pointerEvents = "none";
             const popup = swalContainer.querySelector(".swal2-popup");
             if (popup) popup.style.pointerEvents = "all";
           }
-          const container = document.getElementById("commands-modal-content");
-          if (!container) return;
-          const child = document.createElement("test-previsualizer");
-          child.translation = this.translation;
-          child.commands = this.cypressCommands;
-          child.interceptors = this.interceptors;
-          child.editable = true;
-          container.appendChild(child);
-          this._previsualizerRef = child;
-          child.addEventListener("deletecommand", (e) => {
-            this.recording.removeCommand(e.detail);
-          });
-          child.addEventListener("movecommand", (e) => {
-            this.recording.moveCommand(e.detail.from, e.detail.to);
-          });
-          child.addEventListener("deleteinterceptor", (e) => {
-            this.recording.removeInterceptor(e.detail);
-          });
-          const assertionHtml = `
-            <div id="assertion-builder"
-              style="padding:10px 12px;border-top:1px solid #21262d;background:#0d1117">
-              <div style="font-size:10px;color:#484f58;text-transform:uppercase;letter-spacing:.8px;font-weight:600;margin-bottom:8px">
-                ${this.translation.translate("RECORDER.ASSERTION_SECTION")}
-              </div>
-              <div style="display:flex;gap:6px;flex-wrap:wrap;align-items:flex-end">
-                <input id="assert-selector" type="text"
-                  placeholder="${this.translation.translate("RECORDER.ASSERT_SELECTOR_PH").replace(/"/g, "&quot;")}"
-                  style="flex:2;min-width:140px;padding:5px 8px;background:#161b22;border:1px solid #30363d;
-                         border-radius:5px;color:#c9d1d9;font-size:11px;outline:none;
-                         font-family:'Cascadia Code','Fira Code',monospace"/>
-                <select id="assert-type"
-                  style="padding:5px 8px;background:#161b22;border:1px solid #30363d;border-radius:5px;
-                         color:#c9d1d9;font-size:11px;outline:none;cursor:pointer;flex-shrink:0">
-                  <option value="be.visible">be.visible</option>
-                  <option value="not.exist">not.exist</option>
-                  <option value="be.disabled">be.disabled</option>
-                  <option value="be.checked">be.checked</option>
-                  <option value="contain.text">contain.text</option>
-                  <option value="have.value">have.value</option>
-                  <option value="have.length">have.length</option>
-                  <option value="have.class">have.class</option>
-                  <option value="have.attr">have.attr</option>
-                </select>
-                <input id="assert-value" type="text" placeholder="${this.translation.translate("RECORDER.ASSERT_VALUE_PH")}"
-                  style="flex:2;min-width:110px;padding:5px 8px;background:#161b22;border:1px solid #30363d;
-                         border-radius:5px;color:#c9d1d9;font-size:11px;outline:none"/>
-                <button id="btn-add-assertion"
-                  style="padding:5px 12px;border:none;border-radius:5px;cursor:pointer;
-                         font-size:11px;font-weight:500;background:#2f81f7;color:#fff;
-                         white-space:nowrap;flex-shrink:0">
-                  ${this.translation.translate("RECORDER.ASSERT_ADD_BTN")}
-                </button>
-              </div>
-            </div>`;
-          container.insertAdjacentHTML("beforeend", assertionHtml);
-          const NO_VALUE_ASSERTIONS = /* @__PURE__ */ new Set(["be.visible", "not.exist", "be.disabled", "be.checked"]);
-          document.getElementById("btn-add-assertion")?.addEventListener("click", () => {
-            const sel = document.getElementById("assert-selector").value.trim();
-            const type = document.getElementById("assert-type").value;
-            const val = document.getElementById("assert-value").value.trim();
-            if (!sel) return;
-            const s = escapeSingleQuotes(sel);
-            const v = escapeSingleQuotes(val);
-            const cmd = NO_VALUE_ASSERTIONS.has(type) || !val ? `cy.get('${s}').should('${type}')` : `cy.get('${s}').should('${type}', '${v}')`;
-            this.recording.appendCommand(cmd);
-            document.getElementById("assert-selector").value = "";
-            document.getElementById("assert-value").value = "";
-          });
         },
-        willClose: () => {
-          this.isCommandsDialogOpen = false;
+        onWillClose: () => {
           this._previsualizerRef = null;
         }
-      });
-      this.resizePopup();
-    });
+      }
+    );
   }
   showSavedTestsDialog() {
-    this.toggleModal("isSavedTestsDialogOpen", () => {
-      import_sweetalert2.default.fire({
+    this.openSwalDialog(
+      "isSavedTestsDialogOpen",
+      "saved-tests-modal-content",
+      {
         title: this.translation.translate("MAIN_FRAME.DIALOG_SAVED_TESTS"),
         html: '<div id="saved-tests-modal-content" style="min-height:250px;padding:0"></div>',
         showCloseButton: true,
-        showConfirmButton: false,
-        width: 680,
-        color: "#e6edf3",
-        didOpen: () => {
-          makeSwalDraggable();
-          setSwal2DataCyAttribute();
-          const container = document.getElementById("saved-tests-modal-content");
-          if (!container) return;
-          const child = document.createElement("test-editor");
-          child.persistence = this.persistence;
-          child.translation = this.translation;
-          child.issueTrackerConfig = this.issueTrackerConfig;
-          container.appendChild(child);
-        },
-        willClose: () => {
-          this.isSavedTestsDialogOpen = false;
-        }
-      });
-      this.resizePopup();
-    });
+        width: 680
+      },
+      (container) => {
+        mountComponentInSwal("lib-e2e-test-editor", container, {
+          persistence: this.persistence,
+          translation: this.translation,
+          issueTrackerConfig: this.issueTrackerConfig
+        });
+      }
+    );
   }
   showSaveTestDialog() {
-    this.toggleModal("isSaveTestDialogOpen", () => {
-      import_sweetalert2.default.fire({
+    this.openSwalDialog(
+      "isSaveTestDialogOpen",
+      "save-test-modal-content",
+      {
         title: this.translation.translate("MAIN_FRAME.DIALOG_SAVE"),
         html: '<div id="save-test-modal-content" style="padding:0"></div>',
-        showCloseButton: true,
-        showConfirmButton: false,
+        showCloseButton: false,
         allowOutsideClick: false,
-        color: "#e6edf3",
-        didOpen: () => {
-          makeSwalDraggable();
-          setSwal2DataCyAttribute();
-          const container = document.getElementById("save-test-modal-content");
-          if (!container) return;
-          const child = document.createElement("save-test");
-          child.translation = this.translation;
-          child.issueTrackerConfig = this.issueTrackerConfig;
-          container.appendChild(child);
-          child.addEventListener("savetest", (e) => {
+        allowEscapeKey: false
+      },
+      (container) => {
+        mountComponentInSwal("lib-e2e-save-test", container, {
+          translation: this.translation,
+          issueTrackerConfig: this.issueTrackerConfig
+        }, [
+          { name: "savetest", handler: (e) => {
             const { description, notes, tags, ticketId } = e.detail ?? {};
             this.onSaveTest(description ?? null, tags ?? [], notes ?? "", ticketId ?? "");
-            import_sweetalert2.default.close();
-          });
-          child.addEventListener("saveandexport", (e) => {
+            import_sweetalert22.default.close();
+          } },
+          { name: "saveandexport", handler: (e) => {
             const { description, notes, tags, ticketId } = e.detail ?? {};
             this.onSaveAndExportTest(description ?? null, tags ?? [], notes ?? "", ticketId ?? "");
-            import_sweetalert2.default.close();
-          });
-        },
-        willClose: () => {
-          this.isSaveTestDialogOpen = false;
-        }
-      });
-    });
+            import_sweetalert22.default.close();
+          } }
+        ]);
+      },
+      { skipResize: true }
+    );
   }
   showSettingsDialog() {
-    this.toggleModal("isSettingsDialogOpen", () => {
-      import_sweetalert2.default.fire({
+    this.openSwalDialog(
+      "isSettingsDialogOpen",
+      "settings-modal-content",
+      {
         title: this.translation.translate("MAIN_FRAME.SETTINGS"),
         html: '<div id="settings-modal-content" style="padding:0"></div>',
         showCloseButton: true,
-        showConfirmButton: false,
-        width: 520,
-        color: "#e6edf3",
-        didOpen: () => {
-          makeSwalDraggable();
-          setSwal2DataCyAttribute();
-          const container = document.getElementById("settings-modal-content");
-          if (!container) return;
-          const child = document.createElement("e2e-configuration");
-          child.persistence = this.persistence;
-          child.translation = this.translation;
-          container.appendChild(child);
-          child.addEventListener("smartselectorchange", (e) => {
+        width: 520
+      },
+      (container) => {
+        mountComponentInSwal("lib-e2e-configuration", container, {
+          persistence: this.persistence,
+          translation: this.translation
+        }, [
+          { name: "smartselectorchange", handler: (e) => {
             this.smartSelectorEnabled = e.detail;
-          });
-          child.addEventListener("starthiddenchange", (e) => {
+          } },
+          { name: "starthiddenchange", handler: (e) => {
             this.isVisible = !e.detail;
             this.style.display = this.isVisible ? "" : "none";
-          });
-          child.addEventListener("resetwidgetposition", () => this.resetWidgetPosition());
-          child.addEventListener("issuetrackerchange", (e) => {
+          } },
+          { name: "resetwidgetposition", handler: () => this.resetWidgetPosition() },
+          { name: "issuetrackerchange", handler: (e) => {
             this.issueTrackerConfig = e.detail;
-          });
-        },
-        willClose: () => {
-          this.isSettingsDialogOpen = false;
-        }
-      });
-      this.resizePopup();
-    });
+          } }
+        ]);
+      }
+    );
   }
   showHelpDialog() {
-    this.toggleModal("isHelpDialogOpen", () => {
-      import_sweetalert2.default.fire({
+    this.openSwalDialog(
+      "isHelpDialogOpen",
+      "help-modal-content",
+      {
         title: this.translation.translate("HELP.TITLE"),
         html: '<div id="help-modal-content" style="padding:0"></div>',
         showCloseButton: true,
-        showConfirmButton: false,
-        width: 560,
-        color: "#e6edf3",
-        didOpen: () => {
-          makeSwalDraggable();
-          setSwal2DataCyAttribute();
-          const container = document.getElementById("help-modal-content");
-          if (!container) return;
-          const child = document.createElement("help-panel");
-          child.translation = this.translation;
-          container.appendChild(child);
-        },
-        willClose: () => {
-          this.isHelpDialogOpen = false;
-        }
-      });
-      this.resizePopup();
-    });
+        width: 560
+      },
+      (container) => {
+        mountComponentInSwal("lib-e2e-help-panel", container, {
+          translation: this.translation
+        });
+      }
+    );
   }
   showAdvancedEditorDialog(testId) {
     this.toggleModal("isAdvancedEditorDialogOpen", () => {
-      import_sweetalert2.default.fire({
+      import_sweetalert22.default.fire({
         title: this.translation.translate("MAIN_FRAME.SHOW_ADVANCED_EDITOR"),
         html: '<div id="advanced-editor-modal-content" style="flex:1;min-height:0;display:flex;flex-direction:column;padding:0"></div>',
         showCloseButton: true,
@@ -7134,42 +7961,33 @@ cypress/         <span style="color:#484f58">${this.translation.translate("RECOR
         didOpen: () => {
           makeSwalDraggable();
           setSwal2DataCyAttribute();
-          const popup = import_sweetalert2.default.getPopup();
-          if (popup) {
-            popup.style.height = "600px";
-            const htmlContainer = popup.querySelector(".swal2-html-container");
-            if (htmlContainer) {
-              htmlContainer.style.flex = "1";
-              htmlContainer.style.minHeight = "0";
-              htmlContainer.style.overflow = "hidden";
-              htmlContainer.style.padding = "0";
-              htmlContainer.style.margin = "0";
-              htmlContainer.style.display = "flex";
-              htmlContainer.style.flexDirection = "column";
-            }
-          }
+          ensurePopupDimensions(import_sweetalert22.default.getPopup(), 600);
           const container = document.getElementById("advanced-editor-modal-content");
           if (!container) return;
-          const child = document.createElement("advanced-test-editor");
-          child.persistence = this.persistence;
-          child.translation = this.translation;
-          if (testId !== void 0) child.testId = testId;
-          container.appendChild(child);
-          child.addEventListener("selectorstrategychange", (e) => {
-            this.recording.selectorStrategy = e.detail;
-          });
-          child.addEventListener("closemodal", () => import_sweetalert2.default.close());
-          child.addEventListener("openfileeditor", (e) => {
-            import_sweetalert2.default.close();
-            setTimeout(() => this.showFileEditorDialog(
-              e.detail.handle,
-              e.detail.content,
-              e.detail.fileName,
-              e.detail.testId,
-              e.detail.itBlock,
-              e.detail.interceptorsBlock,
-              e.detail.notes
-            ), 150);
+          const child = mountComponentInSwal("lib-e2e-advanced-test-editor", container, {
+            persistence: this.persistence,
+            translation: this.translation,
+            ...testId !== void 0 ? { testId } : {}
+          }, [
+            { name: "selectorstrategychange", handler: (e) => {
+              this.recording.selectorStrategy = e.detail;
+            } },
+            { name: "closemodal", handler: () => import_sweetalert22.default.close() },
+            { name: "openfileeditor", handler: (e) => {
+              import_sweetalert22.default.close();
+              setTimeout(() => this.showFileEditorDialog(
+                e.detail.handle,
+                e.detail.content,
+                e.detail.fileName,
+                e.detail.testId,
+                e.detail.itBlock,
+                e.detail.interceptorsBlock,
+                e.detail.notes
+              ), 150);
+            } }
+          ]);
+          void this.persistence.getLoginSetup().then((cfg) => {
+            child.loginSetupConfig = cfg;
           });
         },
         willClose: () => {
@@ -7177,13 +7995,13 @@ cypress/         <span style="color:#484f58">${this.translation.translate("RECOR
         }
       });
       setTimeout(() => {
-        const popup = import_sweetalert2.default.getPopup();
+        const popup = import_sweetalert22.default.getPopup();
         if (popup) makeModalResizable(popup, { minWidth: 400, minHeight: 0 });
       }, 0);
     });
   }
   showFileEditorDialog(handle, content, fileName, testId, itBlock = "", interceptorsBlock = "", notes = "") {
-    import_sweetalert2.default.fire({
+    import_sweetalert22.default.fire({
       title: this.translation.translate("RECORDER.FILE_EDITOR_TITLE"),
       html: '<div id="file-editor-modal-content" style="flex:1;min-height:0;display:flex;flex-direction:column;padding:0"></div>',
       showCloseButton: false,
@@ -7194,47 +8012,35 @@ cypress/         <span style="color:#484f58">${this.translation.translate("RECOR
       didOpen: () => {
         makeSwalDraggable();
         setSwal2DataCyAttribute();
-        const popup = import_sweetalert2.default.getPopup();
-        if (popup) {
-          popup.style.height = "640px";
-          const htmlContainer = popup.querySelector(".swal2-html-container");
-          if (htmlContainer) {
-            htmlContainer.style.flex = "1";
-            htmlContainer.style.minHeight = "0";
-            htmlContainer.style.overflow = "hidden";
-            htmlContainer.style.padding = "0";
-            htmlContainer.style.margin = "0";
-            htmlContainer.style.display = "flex";
-            htmlContainer.style.flexDirection = "column";
-          }
-        }
+        ensurePopupDimensions(import_sweetalert22.default.getPopup(), 640);
         const container = document.getElementById("file-editor-modal-content");
         if (!container) return;
-        const child = document.createElement("file-preview");
-        child.translation = this.translation;
-        child.fileContent = content;
-        child.fileName = fileName;
-        child.closeLabel = this.translation.translate("FILE_PREVIEW.BACK_TO_EDITOR");
-        child.itBlock = itBlock;
-        child.interceptorsBlock = interceptorsBlock;
-        child.notes = notes;
-        container.appendChild(child);
-        child.addEventListener("close", () => {
-          import_sweetalert2.default.close();
-          setTimeout(() => this.showAdvancedEditorDialog(testId), 150);
-        });
-        child.addEventListener("save", async (e) => {
-          try {
-            const writable = await handle.createWritable();
-            await writable.write(e.detail);
-            await writable.close();
-            showToast(this.translation.translate("RECORDER.FILE_SAVED_TOAST"));
-          } catch {
-            showToast(this.translation.translate("RECORDER.FILE_SAVE_ERROR_TOAST"), false);
-          }
-          import_sweetalert2.default.close();
-          setTimeout(() => this.showAdvancedEditorDialog(testId), 150);
-        });
+        mountComponentInSwal("lib-e2e-file-preview", container, {
+          translation: this.translation,
+          fileContent: content,
+          fileName,
+          closeLabel: this.translation.translate("FILE_PREVIEW.BACK_TO_EDITOR"),
+          itBlock,
+          interceptorsBlock,
+          notes
+        }, [
+          { name: "close", handler: () => {
+            import_sweetalert22.default.close();
+            setTimeout(() => this.showAdvancedEditorDialog(testId), 150);
+          } },
+          { name: "save", handler: async (e) => {
+            try {
+              const writable = await handle.createWritable();
+              await writable.write(e.detail);
+              await writable.close();
+              showToast(this.translation.translate("RECORDER.FILE_SAVED_TOAST"));
+            } catch {
+              showToast(this.translation.translate("RECORDER.FILE_SAVE_ERROR_TOAST"), false);
+            }
+            import_sweetalert22.default.close();
+            setTimeout(() => this.showAdvancedEditorDialog(testId), 150);
+          } }
+        ]);
       }
     });
     this.resizePopup();
@@ -7243,6 +8049,14 @@ cypress/         <span style="color:#484f58">${this.translation.translate("RECOR
   async onSaveTest(description, tags = [], notes = "", ticketId = "") {
     if (!description) return;
     await this.persistence.insertTest(description, this.cypressCommands, this.interceptors, tags, notes, ticketId || void 0);
+    const uploadedFiles = this.recording.getUploadedFilesSnapshot();
+    if (uploadedFiles.length > 0) {
+      const filenames = uploadedFiles.map((f) => f.filename).join(", ");
+      showToast(
+        this.translation.translate("RECORDER.FILE_UPLOAD_MANUAL_TOAST").replace("{files}", filenames),
+        false
+      );
+    }
     this.recording.clearCommands();
     this.clearRecordingHistory();
     this.cypressCommands = [];
@@ -7264,6 +8078,29 @@ cypress/         <span style="color:#484f58">${this.translation.translate("RECOR
         showToast(this.translation.translate("RECORDER.FIXTURES_NO_FOLDER_TOAST"), false);
       }
     }
+    const uploadedFiles = this.recording.getUploadedFilesSnapshot();
+    if (uploadedFiles.length > 0) {
+      const filenames = uploadedFiles.map((f) => f.filename).join(", ");
+      const hasAccess = await this.persistence.hasDirectoryAccess();
+      if (hasAccess) {
+        try {
+          for (const uf of uploadedFiles) {
+            await this.persistence.writeUploadedFile(uf.filename, uf.bytes);
+          }
+          showToast(this.translation.translate("RECORDER.FILE_UPLOAD_COPIED_TOAST").replace("{files}", filenames));
+        } catch {
+          showToast(
+            this.translation.translate("RECORDER.FILE_UPLOAD_COPY_ERROR_TOAST").replace("{files}", filenames),
+            false
+          );
+        }
+      } else {
+        showToast(
+          this.translation.translate("RECORDER.FILE_UPLOAD_MANUAL_TOAST").replace("{files}", filenames),
+          false
+        );
+      }
+    }
     const id = await this.persistence.insertTest(description, finalCommands, finalInterceptors, tags, notes, ticketId || void 0);
     this.recording.clearCommands();
     this.clearRecordingHistory();
@@ -7274,7 +8111,7 @@ cypress/         <span style="color:#484f58">${this.translation.translate("RECOR
   // ── helpers ───────────────────────────────────────────────────────────────
   toggleModal(flag, openFn) {
     if (this[flag]) {
-      import_sweetalert2.default.close();
+      import_sweetalert22.default.close();
       this[flag] = false;
       return;
     }
@@ -7283,10 +8120,32 @@ cypress/         <span style="color:#484f58">${this.translation.translate("RECOR
   }
   resizePopup() {
     setTimeout(() => {
-      const popup = import_sweetalert2.default.getPopup();
+      const popup = import_sweetalert22.default.getPopup();
       if (popup) makeModalResizable(popup, { minWidth: 400, minHeight: 200 });
     }, 0);
   }
+  openSwalDialog(flag, contentId, swalOptions, onMount, extra) {
+    this.toggleModal(flag, () => {
+      import_sweetalert22.default.fire({
+        showConfirmButton: false,
+        color: "#e6edf3",
+        ...swalOptions,
+        didOpen: () => {
+          makeSwalDraggable();
+          setSwal2DataCyAttribute();
+          extra?.onDidOpenPreamble?.();
+          const container = document.getElementById(contentId);
+          if (!container) return;
+          onMount(container);
+        },
+        willClose: () => {
+          this[flag] = false;
+          extra?.onWillClose?.();
+        }
+      });
+      if (!extra?.skipResize) this.resizePopup();
+    });
+  }
   render() {
     const rec = this.isRecording;
     const paused = this.isPaused;
@@ -7315,7 +8174,7 @@ if (!customElements.get("lib-e2e-recorder")) {
 }
 
 // src/index.ts
-var VERSION = "0.9.0";
+var VERSION = "0.10.0";
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ACTIVE_SESSION_BREADCRUMB_KEY,
@@ -7340,18 +8199,19 @@ var VERSION = "0.9.0";
   SUPPORTED_LANGS,
   SaveTestElement,
   SelectorPickerElement,
-  Subject,
   TOGGLE_MARGIN,
   TestEditorElement,
   TestPrevisualizerElement,
   TransformationService,
   TranslationService,
   VERSION,
+  _resetHttpMonitorState,
   advancedTestTransformationService,
   boxOffsetForDirection,
   boxTopLeftFor,
   clampTogglePosition,
   defaultTogglePosition,
+  ensurePopupDimensions,
   generateAlias,
   inferAssertionCommand,
   injectStyles,
@@ -7361,7 +8221,6 @@ var VERSION = "0.9.0";
   makeModalResizable,
   makeSwalDraggable,
   makeSwalDraggableByContentId,
-  persistenceService,
   resolveExpandDirection,
   selectTestsForExport,
   setSwal2DataCyAttribute,