lib-e2e-cypress-for-dummys-ts 0.8.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);
     }
   }
 });
@@ -463,20 +500,15 @@ __export(index_exports, {
   ACTIVE_SESSION_BREADCRUMB_KEY: () => ACTIVE_SESSION_BREADCRUMB_KEY,
   AdvancedTestEditorElement: () => AdvancedTestEditorElement,
   AdvancedTestTransformationService: () => AdvancedTestTransformationService,
-  CHAIN_METHODS: () => CHAIN_METHODS,
-  CYPRESS_COMPLETIONS: () => CYPRESS_COMPLETIONS,
-  CY_METHODS: () => CY_METHODS,
   ConfigurationElement: () => ConfigurationElement,
   DB_SCHEMA: () => DB_SCHEMA,
   DB_STORE_NAMES: () => DB_STORE_NAMES,
-  DEFAULT_ISSUE_TRACKER_PROVIDER_ID: () => DEFAULT_ISSUE_TRACKER_PROVIDER_ID,
   DEFAULT_RESUME_TTL_MINUTES: () => DEFAULT_RESUME_TTL_MINUTES,
   DRAG_THRESHOLD: () => DRAG_THRESHOLD,
   FilePreviewElement: () => FilePreviewElement,
   HelpPanelElement: () => HelpPanelElement,
   HttpMonitor: () => HttpMonitor,
   INPUT_TYPES: () => INPUT_TYPES,
-  ISSUE_TRACKER_PROVIDERS: () => ISSUE_TRACKER_PROVIDERS,
   LIB_E2E_CYPRESS_FOR_DUMMYS_SWAL2_STYLES: () => LIB_E2E_CYPRESS_FOR_DUMMYS_SWAL2_STYLES,
   LOCALE_BY_LANG: () => LOCALE_BY_LANG,
   LibE2eRecorderElement: () => LibE2eRecorderElement,
@@ -487,25 +519,19 @@ __export(index_exports, {
   SUPPORTED_LANGS: () => SUPPORTED_LANGS,
   SaveTestElement: () => SaveTestElement,
   SelectorPickerElement: () => SelectorPickerElement,
-  Subject: () => Subject,
   TOGGLE_MARGIN: () => TOGGLE_MARGIN,
-  TOP_LEVEL: () => TOP_LEVEL,
   TestEditorElement: () => TestEditorElement,
   TestPrevisualizerElement: () => TestPrevisualizerElement,
   TransformationService: () => TransformationService,
   TranslationService: () => TranslationService,
   VERSION: () => VERSION,
+  _resetHttpMonitorState: () => _resetHttpMonitorState,
   advancedTestTransformationService: () => advancedTestTransformationService,
   boxOffsetForDirection: () => boxOffsetForDirection,
   boxTopLeftFor: () => boxTopLeftFor,
-  buildTicketComment: () => buildTicketComment,
-  buildTicketUrl: () => buildTicketUrl,
   clampTogglePosition: () => clampTogglePosition,
-  createCodeEditor: () => createCodeEditor,
   defaultTogglePosition: () => defaultTogglePosition,
-  filterCompletions: () => filterCompletions,
-  filterCypressCompletions: () => filterCypressCompletions,
-  findIssueTrackerProvider: () => findIssueTrackerProvider,
+  ensurePopupDimensions: () => ensurePopupDimensions,
   generateAlias: () => generateAlias,
   inferAssertionCommand: () => inferAssertionCommand,
   injectStyles: () => injectStyles,
@@ -515,9 +541,7 @@ __export(index_exports, {
   makeModalResizable: () => makeModalResizable,
   makeSwalDraggable: () => makeSwalDraggable,
   makeSwalDraggableByContentId: () => makeSwalDraggableByContentId,
-  persistenceService: () => persistenceService,
   resolveExpandDirection: () => resolveExpandDirection,
-  resolveTicketUrl: () => resolveTicketUrl,
   selectTestsForExport: () => selectTestsForExport,
   setSwal2DataCyAttribute: () => setSwal2DataCyAttribute,
   showToast: () => showToast,
@@ -616,64 +640,6 @@ var ACTIVE_SESSION_BREADCRUMB_KEY = "e2e-active-session";
 var RESUME_TTL_CONFIG_KEY = "resumeRecencyTtlMinutes";
 var DEFAULT_RESUME_TTL_MINUTES = 30;
 
-// src/models/issue-tracker.model.ts
-var ISSUE_TRACKER_PROVIDERS = [
-  {
-    id: "jira",
-    labelKey: "CONFIG.ISSUE_TRACKER_PROVIDER_JIRA",
-    urlTemplate: "{baseUrl}/browse/{id}",
-    fields: [
-      { key: "baseUrl", labelKey: "CONFIG.ISSUE_TRACKER_FIELD_BASEURL", placeholderKey: "CONFIG.ISSUE_TRACKER_PH_JIRA_BASEURL" }
-    ],
-    idPattern: "^[A-Za-z][A-Za-z0-9_]+-\\d+$",
-    idPlaceholderKey: "SAVE_TEST.TICKET_PH_JIRA"
-  },
-  {
-    id: "azure-devops",
-    labelKey: "CONFIG.ISSUE_TRACKER_PROVIDER_AZURE",
-    urlTemplate: "https://dev.azure.com/{org}/{project}/_workitems/edit/{id}",
-    fields: [
-      { key: "org", labelKey: "CONFIG.ISSUE_TRACKER_FIELD_ORG", placeholderKey: "CONFIG.ISSUE_TRACKER_PH_AZURE_ORG" },
-      { key: "project", labelKey: "CONFIG.ISSUE_TRACKER_FIELD_PROJECT", placeholderKey: "CONFIG.ISSUE_TRACKER_PH_AZURE_PROJECT" }
-    ],
-    idPattern: "^\\d+$",
-    idPlaceholderKey: "SAVE_TEST.TICKET_PH_AZURE"
-  },
-  {
-    id: "github",
-    labelKey: "CONFIG.ISSUE_TRACKER_PROVIDER_GITHUB",
-    urlTemplate: "https://github.com/{owner}/{repo}/issues/{id}",
-    fields: [
-      { key: "owner", labelKey: "CONFIG.ISSUE_TRACKER_FIELD_OWNER", placeholderKey: "CONFIG.ISSUE_TRACKER_PH_GITHUB_OWNER" },
-      { key: "repo", labelKey: "CONFIG.ISSUE_TRACKER_FIELD_REPO", placeholderKey: "CONFIG.ISSUE_TRACKER_PH_GITHUB_REPO" }
-    ],
-    idPattern: "^\\d+$",
-    idPlaceholderKey: "SAVE_TEST.TICKET_PH_GITHUB"
-  },
-  {
-    id: "trello",
-    labelKey: "CONFIG.ISSUE_TRACKER_PROVIDER_TRELLO",
-    urlTemplate: "https://trello.com/c/{id}",
-    fields: [],
-    idPattern: "^[A-Za-z0-9]+$",
-    idPlaceholderKey: "SAVE_TEST.TICKET_PH_TRELLO"
-  },
-  {
-    id: "custom",
-    labelKey: "CONFIG.ISSUE_TRACKER_PROVIDER_CUSTOM",
-    urlTemplate: "{template}",
-    fields: [
-      { key: "template", labelKey: "CONFIG.ISSUE_TRACKER_FIELD_TEMPLATE", placeholderKey: "CONFIG.ISSUE_TRACKER_PH_CUSTOM_TEMPLATE" }
-    ],
-    idPattern: ".*",
-    idPlaceholderKey: "SAVE_TEST.TICKET_PH_CUSTOM"
-  }
-];
-var DEFAULT_ISSUE_TRACKER_PROVIDER_ID = "custom";
-function findIssueTrackerProvider(id) {
-  return ISSUE_TRACKER_PROVIDERS.find((p) => p.id === id);
-}
-
 // src/utils/subject.ts
 var Subject = class {
   _value;
@@ -719,13 +685,12 @@ var I18N_ES = {
     REMOVE_TAG_TITLE: "Quitar",
     NOTES_LABEL: "Descripci\xF3n / Notas (opcional):",
     NOTES_PLACEHOLDER: "Qu\xE9 valida este test, condiciones previas, etc.",
-    TICKET_LABEL: "Ticket (opcional):",
-    TICKET_PH_JIRA: "ej. PROJ-123",
-    TICKET_PH_AZURE: "ej. 1234",
-    TICKET_PH_GITHUB: "ej. 42",
-    TICKET_PH_TRELLO: "ej. aBc123",
-    TICKET_PH_CUSTOM: "id del ticket",
-    TICKET_INVALID: "El id del ticket no coincide con el formato esperado del gestor seleccionado."
+    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)",
+    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",
@@ -741,7 +706,9 @@ var I18N_ES = {
     NO_TESTS: "No hay tests guardados",
     DELETE_TITLE: "Eliminar",
     GROUP_BY_TICKET: "\u{1F3AB} Agrupar por ticket",
-    NO_TICKET_GROUP: "Sin ticket"
+    UNGROUP_TICKET: "\u{1F3AB} Desagrupar",
+    NO_TICKET: "Sin ticket",
+    TICKET_LINK_TITLE: "Abrir ticket"
   },
   CONFIG: {
     LANG_SECTION: "\u{1F310} Idioma",
@@ -800,26 +767,35 @@ var I18N_ES = {
     WIDGET_POSITION_HINT: "Arrastra el bot\xF3n de grabar para moverlo donde no estorbe. Se recuerda su posici\xF3n.",
     WIDGET_POSITION_RESET_BTN: "\u21BA Restablecer posici\xF3n",
     WIDGET_POSITION_RESET_DONE: "\u2713 Posici\xF3n restablecida",
-    ISSUE_TRACKER_SECTION: "\u{1F3AB} Gestor de incidencias",
-    ISSUE_TRACKER_LABEL: "Gestor (solo enlace, sin sincronizaci\xF3n)",
-    ISSUE_TRACKER_DISCLAIMER: "Solo genera enlaces \u2014 nunca se conecta ni sincroniza con la plataforma.",
-    ISSUE_TRACKER_PROVIDER_JIRA: "Jira",
-    ISSUE_TRACKER_PROVIDER_AZURE: "Azure DevOps",
-    ISSUE_TRACKER_PROVIDER_GITHUB: "GitHub",
-    ISSUE_TRACKER_PROVIDER_TRELLO: "Trello",
-    ISSUE_TRACKER_PROVIDER_CUSTOM: "Personalizado",
-    ISSUE_TRACKER_FIELD_BASEURL: "URL base",
-    ISSUE_TRACKER_FIELD_ORG: "Organizaci\xF3n",
-    ISSUE_TRACKER_FIELD_PROJECT: "Proyecto",
-    ISSUE_TRACKER_FIELD_OWNER: "Propietario",
-    ISSUE_TRACKER_FIELD_REPO: "Repositorio",
-    ISSUE_TRACKER_FIELD_TEMPLATE: "Plantilla de URL (debe contener {id})",
-    ISSUE_TRACKER_PH_JIRA_BASEURL: "https://tu-org.atlassian.net",
-    ISSUE_TRACKER_PH_AZURE_ORG: "organizaci\xF3n",
-    ISSUE_TRACKER_PH_AZURE_PROJECT: "proyecto",
-    ISSUE_TRACKER_PH_GITHUB_OWNER: "propietario",
-    ISSUE_TRACKER_PH_GITHUB_REPO: "repositorio",
-    ISSUE_TRACKER_PH_CUSTOM_TEMPLATE: "https://tracker.example.com/{id}"
+    ISSUE_TRACKER_SECTION: "\u{1F3AB} Issue tracker",
+    ISSUE_TRACKER_TITLE: "Vincular tests a tickets",
+    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",
+    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",
@@ -910,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",
@@ -957,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.",
@@ -970,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",
@@ -987,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."
   }
 };
 
@@ -1022,13 +1002,12 @@ var I18N_EN = {
     REMOVE_TAG_TITLE: "Remove",
     NOTES_LABEL: "Description / Notes (optional):",
     NOTES_PLACEHOLDER: "What this test validates, preconditions, etc.",
-    TICKET_LABEL: "Ticket (optional):",
-    TICKET_PH_JIRA: "e.g. PROJ-123",
-    TICKET_PH_AZURE: "e.g. 1234",
-    TICKET_PH_GITHUB: "e.g. 42",
-    TICKET_PH_TRELLO: "e.g. aBc123",
-    TICKET_PH_CUSTOM: "ticket id",
-    TICKET_INVALID: "The ticket id does not match the expected format for the selected tracker."
+    TICKET_LABEL: "Ticket / Issue (optional):",
+    TICKET_PLACEHOLDER: "E.g.: PROJ-123, #42",
+    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",
@@ -1044,7 +1023,9 @@ var I18N_EN = {
     NO_TESTS: "No saved tests",
     DELETE_TITLE: "Delete",
     GROUP_BY_TICKET: "\u{1F3AB} Group by ticket",
-    NO_TICKET_GROUP: "No ticket"
+    UNGROUP_TICKET: "\u{1F3AB} Ungroup",
+    NO_TICKET: "No ticket",
+    TICKET_LINK_TITLE: "Open ticket"
   },
   CONFIG: {
     LANG_SECTION: "\u{1F310} Language",
@@ -1104,25 +1085,34 @@ var I18N_EN = {
     WIDGET_POSITION_RESET_BTN: "\u21BA Reset position",
     WIDGET_POSITION_RESET_DONE: "\u2713 Position reset",
     ISSUE_TRACKER_SECTION: "\u{1F3AB} Issue tracker",
-    ISSUE_TRACKER_LABEL: "Tracker (link only, no sync)",
-    ISSUE_TRACKER_DISCLAIMER: "Builds links only \u2014 it never connects to or syncs with the platform.",
-    ISSUE_TRACKER_PROVIDER_JIRA: "Jira",
-    ISSUE_TRACKER_PROVIDER_AZURE: "Azure DevOps",
-    ISSUE_TRACKER_PROVIDER_GITHUB: "GitHub",
-    ISSUE_TRACKER_PROVIDER_TRELLO: "Trello",
-    ISSUE_TRACKER_PROVIDER_CUSTOM: "Custom",
-    ISSUE_TRACKER_FIELD_BASEURL: "Base URL",
-    ISSUE_TRACKER_FIELD_ORG: "Organization",
-    ISSUE_TRACKER_FIELD_PROJECT: "Project",
-    ISSUE_TRACKER_FIELD_OWNER: "Owner",
-    ISSUE_TRACKER_FIELD_REPO: "Repository",
-    ISSUE_TRACKER_FIELD_TEMPLATE: "URL template (must contain {id})",
-    ISSUE_TRACKER_PH_JIRA_BASEURL: "https://your-org.atlassian.net",
-    ISSUE_TRACKER_PH_AZURE_ORG: "organization",
-    ISSUE_TRACKER_PH_AZURE_PROJECT: "project",
-    ISSUE_TRACKER_PH_GITHUB_OWNER: "owner",
-    ISSUE_TRACKER_PH_GITHUB_REPO: "repository",
-    ISSUE_TRACKER_PH_CUSTOM_TEMPLATE: "https://tracker.example.com/{id}"
+    ISSUE_TRACKER_TITLE: "Link tests to tickets",
+    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",
+    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",
@@ -1213,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",
@@ -1260,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.",
@@ -1273,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",
@@ -1290,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."
   }
 };
 
@@ -1325,13 +1319,13 @@ var I18N_FR = {
     REMOVE_TAG_TITLE: "Retirer",
     NOTES_LABEL: "Description / Notes (optionnel) :",
     NOTES_PLACEHOLDER: "Ce que ce test valide, conditions pr\xE9alables, etc.",
-    TICKET_LABEL: "Ticket (optionnel) :",
-    TICKET_PH_JIRA: "p. ex. PROJ-123",
-    TICKET_PH_AZURE: "p. ex. 1234",
-    TICKET_PH_GITHUB: "p. ex. 42",
-    TICKET_PH_TRELLO: "p. ex. aBc123",
-    TICKET_PH_CUSTOM: "id du ticket",
-    TICKET_INVALID: "L'id du ticket ne correspond pas au format attendu par le gestionnaire s\xE9lectionn\xE9."
+    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)",
+    // 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",
@@ -1347,7 +1341,9 @@ var I18N_FR = {
     NO_TESTS: "Aucun test enregistr\xE9",
     DELETE_TITLE: "Supprimer",
     GROUP_BY_TICKET: "\u{1F3AB} Grouper par ticket",
-    NO_TICKET_GROUP: "Sans ticket"
+    UNGROUP_TICKET: "\u{1F3AB} D\xE9grouper",
+    NO_TICKET: "Sans ticket",
+    TICKET_LINK_TITLE: "Ouvrir le ticket"
   },
   CONFIG: {
     LANG_SECTION: "\u{1F310} Langue",
@@ -1407,25 +1403,34 @@ var I18N_FR = {
     WIDGET_POSITION_RESET_BTN: "\u21BA R\xE9initialiser la position",
     WIDGET_POSITION_RESET_DONE: "\u2713 Position r\xE9initialis\xE9e",
     ISSUE_TRACKER_SECTION: "\u{1F3AB} Gestionnaire de tickets",
-    ISSUE_TRACKER_LABEL: "Gestionnaire (lien uniquement, sans synchronisation)",
-    ISSUE_TRACKER_DISCLAIMER: "G\xE9n\xE8re uniquement des liens \u2014 ne se connecte ni ne se synchronise jamais avec la plateforme.",
-    ISSUE_TRACKER_PROVIDER_JIRA: "Jira",
-    ISSUE_TRACKER_PROVIDER_AZURE: "Azure DevOps",
-    ISSUE_TRACKER_PROVIDER_GITHUB: "GitHub",
-    ISSUE_TRACKER_PROVIDER_TRELLO: "Trello",
-    ISSUE_TRACKER_PROVIDER_CUSTOM: "Personnalis\xE9",
-    ISSUE_TRACKER_FIELD_BASEURL: "URL de base",
-    ISSUE_TRACKER_FIELD_ORG: "Organisation",
-    ISSUE_TRACKER_FIELD_PROJECT: "Projet",
-    ISSUE_TRACKER_FIELD_OWNER: "Propri\xE9taire",
-    ISSUE_TRACKER_FIELD_REPO: "D\xE9p\xF4t",
-    ISSUE_TRACKER_FIELD_TEMPLATE: "Mod\xE8le d'URL (doit contenir {id})",
-    ISSUE_TRACKER_PH_JIRA_BASEURL: "https://votre-org.atlassian.net",
-    ISSUE_TRACKER_PH_AZURE_ORG: "organisation",
-    ISSUE_TRACKER_PH_AZURE_PROJECT: "projet",
-    ISSUE_TRACKER_PH_GITHUB_OWNER: "propri\xE9taire",
-    ISSUE_TRACKER_PH_GITHUB_REPO: "d\xE9p\xF4t",
-    ISSUE_TRACKER_PH_CUSTOM_TEMPLATE: "https://tracker.example.com/{id}"
+    ISSUE_TRACKER_TITLE: "Lier les tests aux tickets",
+    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",
+    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",
@@ -1516,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",
@@ -1563,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.",
@@ -1576,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",
@@ -1594,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."
   }
 };
 
@@ -1629,13 +1643,13 @@ var I18N_IT = {
     REMOVE_TAG_TITLE: "Rimuovi",
     NOTES_LABEL: "Descrizione / Note (opzionale):",
     NOTES_PLACEHOLDER: "Cosa valida questo test, condizioni preliminari, ecc.",
-    TICKET_LABEL: "Ticket (opzionale):",
-    TICKET_PH_JIRA: "es. PROJ-123",
-    TICKET_PH_AZURE: "es. 1234",
-    TICKET_PH_GITHUB: "es. 42",
-    TICKET_PH_TRELLO: "es. aBc123",
-    TICKET_PH_CUSTOM: "id del ticket",
-    TICKET_INVALID: "L'id del ticket non corrisponde al formato previsto dal gestore selezionato."
+    TICKET_LABEL: "Ticket / Issue (opzionale):",
+    TICKET_PLACEHOLDER: "Es: PROJ-123, #42",
+    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",
@@ -1651,7 +1665,9 @@ var I18N_IT = {
     NO_TESTS: "Nessun test salvato",
     DELETE_TITLE: "Elimina",
     GROUP_BY_TICKET: "\u{1F3AB} Raggruppa per ticket",
-    NO_TICKET_GROUP: "Senza ticket"
+    UNGROUP_TICKET: "\u{1F3AB} Separa",
+    NO_TICKET: "Senza ticket",
+    TICKET_LINK_TITLE: "Apri ticket"
   },
   CONFIG: {
     LANG_SECTION: "\u{1F310} Lingua",
@@ -1710,26 +1726,35 @@ var I18N_IT = {
     WIDGET_POSITION_HINT: "Trascina il pulsante di registrazione per spostarlo. La posizione viene ricordata.",
     WIDGET_POSITION_RESET_BTN: "\u21BA Reimposta posizione",
     WIDGET_POSITION_RESET_DONE: "\u2713 Posizione reimpostata",
-    ISSUE_TRACKER_SECTION: "\u{1F3AB} Gestore ticket",
-    ISSUE_TRACKER_LABEL: "Gestore (solo link, senza sincronizzazione)",
-    ISSUE_TRACKER_DISCLAIMER: "Genera solo link \u2014 non si connette n\xE9 si sincronizza mai con la piattaforma.",
-    ISSUE_TRACKER_PROVIDER_JIRA: "Jira",
-    ISSUE_TRACKER_PROVIDER_AZURE: "Azure DevOps",
-    ISSUE_TRACKER_PROVIDER_GITHUB: "GitHub",
-    ISSUE_TRACKER_PROVIDER_TRELLO: "Trello",
-    ISSUE_TRACKER_PROVIDER_CUSTOM: "Personalizzato",
-    ISSUE_TRACKER_FIELD_BASEURL: "URL di base",
-    ISSUE_TRACKER_FIELD_ORG: "Organizzazione",
-    ISSUE_TRACKER_FIELD_PROJECT: "Progetto",
-    ISSUE_TRACKER_FIELD_OWNER: "Proprietario",
-    ISSUE_TRACKER_FIELD_REPO: "Repository",
-    ISSUE_TRACKER_FIELD_TEMPLATE: "Modello di URL (deve contenere {id})",
-    ISSUE_TRACKER_PH_JIRA_BASEURL: "https://tua-org.atlassian.net",
-    ISSUE_TRACKER_PH_AZURE_ORG: "organizzazione",
-    ISSUE_TRACKER_PH_AZURE_PROJECT: "progetto",
-    ISSUE_TRACKER_PH_GITHUB_OWNER: "proprietario",
-    ISSUE_TRACKER_PH_GITHUB_REPO: "repository",
-    ISSUE_TRACKER_PH_CUSTOM_TEMPLATE: "https://tracker.example.com/{id}"
+    ISSUE_TRACKER_SECTION: "\u{1F3AB} Issue tracker",
+    ISSUE_TRACKER_TITLE: "Collega i test ai ticket",
+    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",
+    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",
@@ -1820,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",
@@ -1867,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.",
@@ -1880,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",
@@ -1898,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."
   }
 };
 
@@ -1933,13 +1967,13 @@ var I18N_DE = {
     REMOVE_TAG_TITLE: "Entfernen",
     NOTES_LABEL: "Beschreibung / Notizen (optional):",
     NOTES_PLACEHOLDER: "Was dieser Test validiert, Voraussetzungen usw.",
-    TICKET_LABEL: "Ticket (optional):",
-    TICKET_PH_JIRA: "z. B. PROJ-123",
-    TICKET_PH_AZURE: "z. B. 1234",
-    TICKET_PH_GITHUB: "z. B. 42",
-    TICKET_PH_TRELLO: "z. B. aBc123",
-    TICKET_PH_CUSTOM: "Ticket-ID",
-    TICKET_INVALID: "Die Ticket-ID entspricht nicht dem erwarteten Format des ausgew\xE4hlten Trackers."
+    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)",
+    // 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",
@@ -1955,7 +1989,9 @@ var I18N_DE = {
     NO_TESTS: "Keine gespeicherten Tests",
     DELETE_TITLE: "L\xF6schen",
     GROUP_BY_TICKET: "\u{1F3AB} Nach Ticket gruppieren",
-    NO_TICKET_GROUP: "Kein Ticket"
+    UNGROUP_TICKET: "\u{1F3AB} Gruppierung aufheben",
+    NO_TICKET: "Kein Ticket",
+    TICKET_LINK_TITLE: "Ticket \xF6ffnen"
   },
   CONFIG: {
     LANG_SECTION: "\u{1F310} Sprache",
@@ -2015,25 +2051,34 @@ var I18N_DE = {
     WIDGET_POSITION_RESET_BTN: "\u21BA Position zur\xFCcksetzen",
     WIDGET_POSITION_RESET_DONE: "\u2713 Position zur\xFCckgesetzt",
     ISSUE_TRACKER_SECTION: "\u{1F3AB} Issue-Tracker",
-    ISSUE_TRACKER_LABEL: "Tracker (nur Link, keine Synchronisierung)",
-    ISSUE_TRACKER_DISCLAIMER: "Erstellt nur Links \u2014 verbindet oder synchronisiert sich nie mit der Plattform.",
-    ISSUE_TRACKER_PROVIDER_JIRA: "Jira",
-    ISSUE_TRACKER_PROVIDER_AZURE: "Azure DevOps",
-    ISSUE_TRACKER_PROVIDER_GITHUB: "GitHub",
-    ISSUE_TRACKER_PROVIDER_TRELLO: "Trello",
-    ISSUE_TRACKER_PROVIDER_CUSTOM: "Benutzerdefiniert",
-    ISSUE_TRACKER_FIELD_BASEURL: "Basis-URL",
-    ISSUE_TRACKER_FIELD_ORG: "Organisation",
-    ISSUE_TRACKER_FIELD_PROJECT: "Projekt",
-    ISSUE_TRACKER_FIELD_OWNER: "Eigent\xFCmer",
-    ISSUE_TRACKER_FIELD_REPO: "Repository",
-    ISSUE_TRACKER_FIELD_TEMPLATE: "URL-Vorlage (muss {id} enthalten)",
-    ISSUE_TRACKER_PH_JIRA_BASEURL: "https://ihre-org.atlassian.net",
-    ISSUE_TRACKER_PH_AZURE_ORG: "Organisation",
-    ISSUE_TRACKER_PH_AZURE_PROJECT: "Projekt",
-    ISSUE_TRACKER_PH_GITHUB_OWNER: "Eigent\xFCmer",
-    ISSUE_TRACKER_PH_GITHUB_REPO: "Repository",
-    ISSUE_TRACKER_PH_CUSTOM_TEMPLATE: "https://tracker.example.com/{id}"
+    ISSUE_TRACKER_TITLE: "Tests mit Tickets verkn\xFCpfen",
+    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",
+    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",
@@ -2124,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",
@@ -2171,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.",
@@ -2184,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",
@@ -2202,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."
   }
 };
 
@@ -2251,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";
@@ -2343,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})`;
@@ -2367,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") {
@@ -2382,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). */
@@ -2402,12 +2433,13 @@ var RecordingService = class {
   }
   // ── Public API ────────────────────────────────────────────────────────────
   startRecording() {
+    this.clearCommands();
     this.sessionId = createSessionId();
     this.startedAt = Date.now();
     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');`);
   }
   /**
@@ -2505,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([]);
@@ -2628,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) {
@@ -2636,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 }
     );
@@ -2648,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 }
     );
@@ -2668,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 }
     );
@@ -2692,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) => {
@@ -2751,6 +2827,13 @@ var RecordingService = class {
         }
         return;
       }
+      if (!this.isInteractiveElement(target)) {
+        const interactive = target.closest(
+          'button,a,input,select,textarea,label,summary,mat-option,[role="button"],[role="link"],[role="menuitem"],[role="option"],[role="tab"]'
+        );
+        if (!interactive) return;
+        target = interactive;
+      }
     }
     const tag = target.tagName.toLowerCase();
     if (tag === "input" || tag === "textarea" || tag === "select") {
@@ -2783,6 +2866,10 @@ var RecordingService = class {
       this.handleMatOptionClick(target, selector);
       return;
     }
+    if (!selector) {
+      this.selectorNotFound$.next({ target, action: "click" });
+      return;
+    }
     this.addGenericCommand({
       selector,
       action: (s) => `cy.get('${s}').click()`
@@ -2794,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) {
@@ -2826,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}')`
@@ -2845,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}')`
@@ -2854,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;
@@ -2866,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;
     }
   }
@@ -2905,44 +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(provider, params, id) {
-  const ticketId = (id ?? "").trim();
-  if (!provider || !ticketId) return null;
-  let url = provider.urlTemplate;
-  for (const field of provider.fields) {
-    const value = (params?.[field.key] ?? "").trim().replace(/\/+$/, "");
-    if (!value) return null;
-    url = url.split(`{${field.key}}`).join(value);
-  }
-  url = url.split("{id}").join(encodeURIComponent(ticketId));
-  if (url.includes("{") || url.includes("}")) return null;
-  return toSafeHttpUrl(url);
+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 resolveTicketUrl(providerId, allParams, ticketId) {
-  const id = (ticketId ?? "").trim();
-  if (!id) return null;
-  const provider = findIssueTrackerProvider(providerId);
-  if (!provider) return null;
-  return buildTicketUrl(provider, allParams?.[providerId] ?? {}, id);
-}
-function toSafeHttpUrl(candidate) {
-  try {
-    const parsed = new URL(candidate);
-    return parsed.protocol === "http:" || parsed.protocol === "https:" ? parsed.href : null;
-  } catch {
-    return null;
-  }
+function buildTicketComment(ticketId) {
+  return `// Ticket: ${ticketId.trim()}`;
 }
-function buildTicketComment(id, url) {
-  const ticketId = (id ?? "").trim();
-  return url ? `// ${ticketId} \u2014 ${url}` : `// ${ticketId}`;
+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;
@@ -2995,28 +3080,13 @@ var PersistenceService = class {
     if (!record) return null;
     const commands = await this.getCommandStrings(testId);
     const interceptors = await this.getInterceptorStrings(testId);
-    const ticketComment = await this.ticketCommentFor(record);
-    const itBody = `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 itBlock = ticketComment ? `${ticketComment}
-${itBody}` : itBody;
     const interceptorsBlock = interceptors.length ? "  // Auto-generated Cypress interceptors\n" + interceptors.map((i) => normalizeBlock(i, "  ")).join("\n") + "\n" : "";
     return { ...record, commands, interceptors, cypressCommands: commands, itBlock, interceptorsBlock };
   }
-  /**
-   * Builds the traceability comment for a test record (spec 014), reading the
-   * configured issue-tracker provider/params so the link — when resolvable — is
-   * embedded. Returns `null` when the record has no ticket id.
-   */
-  async ticketCommentFor(record) {
-    if (!record.ticketId) return null;
-    const config = await this.getGeneralConfig();
-    const providerId = config?.["issueTrackerProviderId"] ?? DEFAULT_ISSUE_TRACKER_PROVIDER_ID;
-    const params = config?.["issueTrackerParams"] ?? {};
-    const url = resolveTicketUrl(providerId, params, record.ticketId);
-    return buildTicketComment(record.ticketId, url);
-  }
   async deleteTest(id) {
     const db = await this.getDB();
     await db.delete("tests", id);
@@ -3092,6 +3162,30 @@ ${itBody}` : itBody;
     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) {
@@ -3134,6 +3228,24 @@ ${itBody}` : itBody;
     }
     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");
@@ -3176,7 +3288,36 @@ ${itBody}` : itBody;
     }
   }
 };
-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"];
@@ -3189,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) {
@@ -3242,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";
@@ -3263,105 +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);
-    if (this.isFixtureModeEnabled() && method === "GET") {
-      const pretty = prettyJsonOrNull(await responseClone.text());
-      const fixtureFile = `${alias}.json`;
-      if (pretty !== null) this.recording.registerFixture(fixtureFile, pretty);
-      this.recording.registerInterceptor(method, url, alias, pretty !== null ? fixtureFile : void 0);
-      this.recording.addCommand(`cy.wait('@${alias}').then((interception) => { })`);
-      return;
-    }
-    this.recording.registerInterceptor(method, url, alias);
-    const extendedHttp = this.isExtendedHttpEnabled();
-    const requestBody = extendedHttp ? parseRequestBody(init) : null;
-    let responseBody = null;
-    if (extendedHttp) {
-      try {
-        responseBody = parseJsonObject(await responseClone.text());
-      } catch {
-      }
-    }
-    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);
-    if (this.isFixtureModeEnabled() && method === "GET") {
-      const pretty = prettyJsonOrNull(responseText);
-      const fixtureFile = `${alias}.json`;
-      if (pretty !== null) this.recording.registerFixture(fixtureFile, pretty);
-      this.recording.registerInterceptor(method, url, alias, pretty !== null ? fixtureFile : void 0);
-      this.recording.addCommand(`cy.wait('@${alias}').then((interception) => { })`);
-      return;
-    }
-    this.recording.registerInterceptor(method, url, alias);
-    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
@@ -3610,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) {
@@ -3681,177 +3869,6 @@ function boxTopLeftFor(toggleCentre, dir) {
   return { x: toggleCentre.x - off.x, y: toggleCentre.y - off.y };
 }
 
-// src/utils/cypress-completions.ts
-var CY_METHODS = [
-  "visit",
-  "get",
-  "contains",
-  "intercept",
-  "wait",
-  "request",
-  "url",
-  "location",
-  "viewport",
-  "fixture",
-  "wrap",
-  "reload",
-  "go",
-  "window",
-  "document",
-  "session",
-  "clearCookies",
-  "clearLocalStorage",
-  "screenshot",
-  "log"
-];
-var CHAIN_METHODS = [
-  "click",
-  "dblclick",
-  "rightclick",
-  "type",
-  "clear",
-  "select",
-  "check",
-  "uncheck",
-  "should",
-  "and",
-  "find",
-  "first",
-  "last",
-  "eq",
-  "then",
-  "its",
-  "invoke",
-  "as",
-  "trigger",
-  "focus",
-  "blur",
-  "scrollIntoView",
-  "within",
-  "parent",
-  "children",
-  "siblings",
-  "contains",
-  "each",
-  "filter",
-  "wait"
-];
-var TOP_LEVEL = [
-  "cy",
-  "describe",
-  "it",
-  "context",
-  "beforeEach",
-  "afterEach",
-  "before",
-  "after",
-  "Cypress"
-];
-var CYPRESS_COMPLETIONS = [
-  ...TOP_LEVEL,
-  ...CY_METHODS.map((m) => `cy.${m}`),
-  ...CHAIN_METHODS
-];
-function filterCompletions(list, prefix) {
-  const p = prefix.toLowerCase();
-  if (!p) return [...list];
-  return list.filter((label) => label.toLowerCase().includes(p));
-}
-function filterCypressCompletions(prefix) {
-  return filterCompletions(CYPRESS_COMPLETIONS, prefix);
-}
-
-// src/utils/code-editor.ts
-function toOptions(labels, type) {
-  return labels.map((label) => ({ label, type }));
-}
-function cypressCompletionSource(context) {
-  const cyMatch = context.matchBefore(/cy\.\w*$/);
-  if (cyMatch) {
-    return { from: cyMatch.from + 3, options: toOptions(filterCompletions(CY_METHODS, cyMatch.text.slice(3)), "method") };
-  }
-  const chainMatch = context.matchBefore(/\.\w*$/);
-  if (chainMatch) {
-    return { from: chainMatch.from + 1, options: toOptions(filterCompletions(CHAIN_METHODS, chainMatch.text.slice(1)), "method") };
-  }
-  const word = context.matchBefore(/\w*/);
-  if (!word || word.from === word.to && !context.explicit) return null;
-  return { from: word.from, options: toOptions(filterCompletions(TOP_LEVEL, word.text), "keyword") };
-}
-async function createCodeEditor(opts) {
-  const [view, state, language, langJs, autocomplete, commands, highlight] = await Promise.all([
-    import("@codemirror/view"),
-    import("@codemirror/state"),
-    import("@codemirror/language"),
-    import("@codemirror/lang-javascript"),
-    import("@codemirror/autocomplete"),
-    import("@codemirror/commands"),
-    import("@lezer/highlight")
-  ]);
-  const { EditorView, keymap, lineNumbers, highlightActiveLine, drawSelection } = view;
-  const { EditorState } = state;
-  const { syntaxHighlighting, HighlightStyle, indentOnInput, bracketMatching } = language;
-  const { javascript } = langJs;
-  const { autocompletion, completionKeymap, closeBrackets, closeBracketsKeymap } = autocomplete;
-  const { history: history2, defaultKeymap, historyKeymap, indentWithTab } = commands;
-  const { tags } = highlight;
-  const darkHighlight = HighlightStyle.define([
-    { tag: tags.keyword, color: "#ff7b72" },
-    { tag: tags.string, color: "#a5d6ff" },
-    { tag: [tags.function(tags.variableName), tags.function(tags.propertyName)], color: "#d2a8ff" },
-    { tag: tags.number, color: "#79c0ff" },
-    { tag: [tags.bool, tags.null], color: "#79c0ff" },
-    { tag: tags.comment, color: "#8b949e", fontStyle: "italic" },
-    { tag: [tags.propertyName, tags.attributeName], color: "#7ee787" },
-    { tag: [tags.typeName, tags.className], color: "#ffa657" },
-    { tag: tags.operator, color: "#ff7b72" },
-    { tag: [tags.brace, tags.bracket, tags.punctuation], color: "#c9d1d9" }
-  ]);
-  const theme = EditorView.theme(
-    {
-      "&": { color: "#c9d1d9", backgroundColor: "#0d1117", height: "100%", fontSize: "13px" },
-      ".cm-scroller": { fontFamily: "'Cascadia Code','Fira Code',Consolas,monospace", overflow: "auto" },
-      ".cm-gutters": { backgroundColor: "#0d1117", color: "#484f58", border: "none" },
-      ".cm-activeLine": { backgroundColor: "rgba(110,118,129,0.10)" },
-      ".cm-activeLineGutter": { backgroundColor: "transparent" },
-      "&.cm-focused": { outline: "none" },
-      ".cm-tooltip": { background: "#161b22", border: "1px solid #30363d", color: "#c9d1d9", borderRadius: "6px" },
-      ".cm-tooltip-autocomplete ul li[aria-selected]": { background: "#1f6feb", color: "#fff" }
-    },
-    { dark: true }
-  );
-  const editorView = new EditorView({
-    parent: opts.parent,
-    ...opts.root ? { root: opts.root } : {},
-    state: EditorState.create({
-      doc: opts.doc,
-      extensions: [
-        lineNumbers(),
-        highlightActiveLine(),
-        drawSelection(),
-        history2(),
-        indentOnInput(),
-        bracketMatching(),
-        closeBrackets(),
-        javascript({ typescript: true }),
-        syntaxHighlighting(darkHighlight),
-        autocompletion({ override: [cypressCompletionSource] }),
-        keymap.of([...closeBracketsKeymap, ...defaultKeymap, ...historyKeymap, ...completionKeymap, indentWithTab]),
-        theme,
-        EditorView.updateListener.of((update) => {
-          if (update.docChanged && opts.onChange) opts.onChange(update.state.doc.toString());
-        })
-      ]
-    })
-  });
-  return {
-    getValue: () => editorView.state.doc.toString(),
-    setValue: (value) => editorView.dispatch({ changes: { from: 0, to: editorView.state.doc.length, insert: value } }),
-    focus: () => editorView.focus(),
-    destroy: () => editorView.destroy()
-  };
-}
-
 // src/index.ts
 init_selector_picker();
 
@@ -4053,8 +4070,8 @@ var TestPrevisualizerElement = class extends HTMLElement {
     }
   }
 };
-if (!customElements.get("test-previsualizer")) {
-  customElements.define("test-previsualizer", TestPrevisualizerElement);
+if (!customElements.get("lib-e2e-test-previsualizer")) {
+  customElements.define("lib-e2e-test-previsualizer", TestPrevisualizerElement);
 }
 
 // src/components/save-test/save-test.styles.ts
@@ -4118,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">
@@ -4132,11 +4160,15 @@ function renderSaveTestAsk(t) {
       </div>
     </div>`;
 }
-function renderSaveTestDesc(description, notes, tags, ticket, t) {
+function renderSaveTestDesc(description, notes, tags, ticketId, issueTrackerEnabled, ticketWarn, t) {
   const chipsHtml = tags.map(
     (tag) => `<span class="chip">${escHtml(tag)}<button class="chip-del" data-tag="${escAttr(tag)}" title="${t("SAVE_TEST.REMOVE_TAG_TITLE")}">\u2715</button></span>`
   ).join("");
-  const ticketWarning = ticket.invalid ? `<div class="ticket-warning" style="color:#d29922;font-size:11px;margin-top:2px">${t("SAVE_TEST.TICKET_INVALID")}</div>` : "";
+  const ticketHtml = issueTrackerEnabled ? `
+      <span class="tag-label">${t("SAVE_TEST.TICKET_LABEL")}</span>
+      <input id="ticket-input" type="text" placeholder="${escAttr(t("SAVE_TEST.TICKET_PLACEHOLDER"))}"
+             value="${escAttr(ticketId)}" autocomplete="off" />
+      ${ticketWarn ? `<span class="ticket-warn">\u26A0 ${t("SAVE_TEST.TICKET_WARN")}</span>` : ""}` : "";
   return `
     <div class="container">
       <p>${t("SAVE_TEST.DESC_LABEL")} (<code>it()</code>):</p>
@@ -4144,16 +4176,13 @@ function renderSaveTestDesc(description, notes, tags, ticket, t) {
              value="${escAttr(description)}" autocomplete="off" />
       <span class="tag-label">${t("SAVE_TEST.NOTES_LABEL")}</span>
       <textarea id="notes-input" rows="3" placeholder="${escAttr(t("SAVE_TEST.NOTES_PLACEHOLDER"))}">${escHtml(notes)}</textarea>
-      <span class="tag-label">${t("SAVE_TEST.TICKET_LABEL")}</span>
-      <input id="ticket-input" type="text" placeholder="${escAttr(t(ticket.placeholderKey))}"
-             value="${escAttr(ticket.id)}" autocomplete="off" />
-      ${ticketWarning}
       <span class="tag-label">${t("SAVE_TEST.TAGS_LABEL")}</span>
       <div class="tag-input-row">
         <input id="tag-input" type="text" placeholder="${t("SAVE_TEST.TAGS_PLACEHOLDER")}" autocomplete="off" />
         <button class="btn-tag-add" id="btn-add-tag">${t("SAVE_TEST.ADD_TAG")}</button>
       </div>
       <div class="chips" id="chips-container">${chipsHtml || `<span style="color:#484f58;font-size:11px">${t("SAVE_TEST.NO_TAGS")}</span>`}</div>
+      ${ticketHtml}
       <div class="btn-row">
         <button class="btn-primary" id="btn-confirm">${t("SAVE_TEST.SAVE_BTN")}</button>
         <button class="btn-success" id="btn-export">${t("SAVE_TEST.SAVE_AND_EDIT")}</button>
@@ -4166,12 +4195,12 @@ function renderSaveTestDesc(description, notes, tags, ticket, t) {
 var SaveTestElement = class extends HTMLElement {
   shadow;
   _step = "ask";
+  _stepBeforeDiscard = "ask";
   description = "";
   notes = "";
   tags = [];
   ticketId = "";
-  /** Set by the host from config so the ticket placeholder/validation is provider-aware. */
-  issueTrackerProviderId = DEFAULT_ISSUE_TRACKER_PROVIDER_ID;
+  issueTrackerConfig = DEFAULT_ISSUE_TRACKER_CONFIG;
   translation = translationService;
   constructor() {
     super();
@@ -4188,13 +4217,22 @@ var SaveTestElement = class extends HTMLElement {
     this.render();
   }
   confirmSave() {
-    this.dispatch("savetest", { description: this.description.trim(), notes: this.notes, tags: [...this.tags], ticketId: this.ticketId.trim() || null });
+    this.dispatch("savetest", { description: this.description.trim(), notes: this.notes, tags: [...this.tags], ticketId: this.ticketId.trim() });
   }
   confirmSaveAndExport() {
-    this.dispatch("saveandexport", { description: this.description.trim(), notes: this.notes, tags: [...this.tags], ticketId: this.ticketId.trim() || null });
+    this.dispatch("saveandexport", { description: this.description.trim(), notes: this.notes, tags: [...this.tags], ticketId: this.ticketId.trim() });
   }
   cancel() {
-    this.dispatch("savetest", { description: null, notes: "", tags: [], ticketId: null });
+    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";
@@ -4218,44 +4256,37 @@ var SaveTestElement = class extends HTMLElement {
   t(key) {
     return this.translation.translate(key);
   }
-  /** Builds the ticket field view: provider-aware placeholder + soft (non-blocking) format check. */
-  ticketView() {
-    const provider = findIssueTrackerProvider(this.issueTrackerProviderId) ?? ISSUE_TRACKER_PROVIDERS[0];
-    const trimmed = this.ticketId.trim();
-    let invalid = false;
-    if (trimmed) {
-      try {
-        invalid = !new RegExp(provider.idPattern).test(trimmed);
-      } catch {
-        invalid = false;
-      }
-    }
-    return { id: this.ticketId, placeholderKey: provider.idPlaceholderKey, invalid };
+  get ticketIdWarning() {
+    if (!this.ticketId.trim() || !this.issueTrackerConfig.enabled) return false;
+    return !isValidTicketId(this.ticketId, this.issueTrackerConfig.provider);
   }
   dispatch(type, detail) {
     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());
       this.shadow.getElementById("btn-no")?.addEventListener("click", () => this.cancel());
     } else {
-      this.shadow.innerHTML = `<style>${SAVE_TEST_STYLES}</style>${renderSaveTestDesc(this.description, this.notes, this.tags, this.ticketView(), this.t.bind(this))}`;
+      this.shadow.innerHTML = `<style>${SAVE_TEST_STYLES}</style>${renderSaveTestDesc(this.description, this.notes, this.tags, this.ticketId, this.issueTrackerConfig.enabled, this.ticketIdWarning, this.t.bind(this))}`;
       const descInput = this.shadow.getElementById("desc-input");
       const notesInput = this.shadow.getElementById("notes-input");
-      const ticketInput = this.shadow.getElementById("ticket-input");
       const tagInput = this.shadow.getElementById("tag-input");
+      const ticketInput = this.shadow.getElementById("ticket-input");
       descInput.addEventListener("input", () => {
         this.description = descInput.value;
       });
       notesInput.addEventListener("input", () => {
         this.notes = notesInput.value;
       });
-      ticketInput.addEventListener("input", () => {
-        this.ticketId = ticketInput.value;
-      });
-      ticketInput.addEventListener("change", () => {
+      ticketInput?.addEventListener("input", () => {
         this.ticketId = ticketInput.value;
         this.render();
       });
@@ -4280,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; }
@@ -4350,6 +4384,18 @@ var TEST_EDITOR_STYLES = `
     padding: 1px 7px; border-radius: 20px; font-size: 10px;
     background: rgba(47,129,247,0.1); color: #8b949e; border: 1px solid rgba(47,129,247,0.2);
   }
+  .ticket-badge, .ticket-link {
+    padding: 1px 7px; border-radius: 20px; font-size: 10px; font-weight: 500;
+    background: rgba(210,153,34,0.12); color: #d29922; border: 1px solid rgba(210,153,34,0.3);
+    white-space: nowrap; flex-shrink: 0;
+  }
+  .ticket-link {
+    text-decoration: none; cursor: pointer;
+    transition: background 0.12s, border-color 0.12s;
+  }
+  .ticket-link::before { content: '\u{1F3AB} '; font-size: 9px; }
+  .ticket-link:hover { background: rgba(210,153,34,0.22); border-color: rgba(210,153,34,0.55); color: #e3b341; }
+  .ticket-badge::before { content: '\u{1F3AB} '; font-size: 9px; }
   .btn-icon {
     padding: 3px 8px; border: none; border-radius: 6px; cursor: pointer;
     font-size: 11px; background: #21262d; color: #8b949e;
@@ -4381,6 +4427,13 @@ var TEST_EDITOR_STYLES = `
   .code-preview::-webkit-scrollbar { height: 4px; }
   .code-preview::-webkit-scrollbar-thumb { background: #30363d; border-radius: 2px; }
   .code-preview-icp { margin-top: 8px; }
+  .ticket-group { margin-bottom: 8px; }
+  .ticket-group-header {
+    padding: 4px 10px; margin-bottom: 4px;
+    font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.7px;
+    color: #d29922; border-left: 3px solid rgba(210,153,34,0.5);
+    background: rgba(210,153,34,0.06); border-radius: 0 4px 4px 0;
+  }
   .sh-kw  { color: #ff7b72; }
   .sh-bi  { color: #d2a8ff; }
   .sh-str { color: #a5d6ff; }
@@ -4487,8 +4540,50 @@ 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;
+  const date = new Date(test.createdAt).toLocaleString(locale, { day: "2-digit", month: "2-digit", hour: "2-digit", minute: "2-digit" });
+  const icps = interceptorsByTest[test.id] ?? test.interceptors ?? [];
+  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 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(() => {
+  // Auto-generated Cypress interceptors
+${icps.map((c) => normalizeBlock(c, "  ")).join("\n")}
+});` : "";
+  const notesHtml = expanded && test.notes ? `<p class="test-notes">${escHtml(test.notes)}</p>` : "";
+  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 ? `
+    <div class="row-body">
+      ${notesHtml}
+      <pre class="code-preview">${syntaxHighlight(itBlockCode)}</pre>
+      ${icpBlockCode ? `<pre class="code-preview code-preview-icp">${syntaxHighlight(icpBlockCode)}</pre>` : ""}
+    </div>` : "";
+  return `
+    <div class="row${selectedIds.has(test.id) ? " selected-row" : ""}">
+      <div class="row-header" data-action="expand" data-idx="${i}">
+        ${checkbox}
+        <span class="test-name">${escHtml(test.name)}</span>
+        ${tagsHtml}
+        ${ticketHtml}
+        <span class="test-date">${date}</span>
+        <button class="btn-icon" data-action="copy-cmds" data-idx="${i}" title="${t("TEST_EDITOR.COPY_CMDS_BTN")}">${t("TEST_EDITOR.COPY_CMDS_BTN")}</button>
+        ${hasIcps ? `<button class="btn-icon" data-action="copy-icps" data-idx="${i}" title="${t("TEST_EDITOR.COPY_ICPS_BTN")}">${t("TEST_EDITOR.COPY_ICPS_BTN")}</button>` : ""}
+        <button class="btn-icon btn-del" data-action="delete" data-id="${test.id}" title="${t("TEST_EDITOR.DELETE_TITLE")}">\u{1F5D1}</button>
+      </div>
+      ${body}
+    </div>`;
+}
 function renderTestEditor(state, t) {
-  const { tags, visible, selectedVisible, activeTag, selectMode, selectedIds, describeName, expandedIndex, interceptorsByTest, groupByTicket, ticketUrlByTest, locale } = state;
+  const { tags, visible, selectedVisible, activeTag, selectMode, describeName, groupByTicket } = state;
   const tagFilterHtml = tags.length ? `<div class="tag-filter">
         ${tags.map((tag) => `<button class="tag-chip${activeTag === tag ? " active" : ""}" data-filter-tag="${escAttr(tag)}">${escHtml(tag)}</button>`).join("")}
        </div>` : `<div class="tag-filter" style="color:#484f58;font-size:11px">${t("TEST_EDITOR.NO_TAGS")}</div>`;
@@ -4497,80 +4592,43 @@ function renderTestEditor(state, t) {
         <input id="describe-name" type="text" placeholder="${t("TEST_EDITOR.DESCRIBE_PLACEHOLDER")}" value="${escAttr(describeName)}" />
         <button class="btn-gen-describe" id="btn-gen-describe">${t("TEST_EDITOR.COPY_DESCRIBE")}</button>
       </div>` : "";
-  const renderRow = (test, i) => {
-    const expanded = expandedIndex === i;
-    const date = new Date(test.createdAt).toLocaleString(locale, { day: "2-digit", month: "2-digit", hour: "2-digit", minute: "2-digit" });
-    const icps = interceptorsByTest[test.id] ?? test.interceptors ?? [];
-    const tagsHtml = (test.tags ?? []).length ? `<span class="test-tags">${(test.tags ?? []).map((tag) => `<span class="test-tag">${escHtml(tag)}</span>`).join("")}</span>` : "";
-    const ticketId = (test.ticketId ?? "").trim();
-    const ticketUrl = ticketUrlByTest[test.id] ?? null;
-    const ticketHtml = !ticketId ? "" : ticketUrl ? `<a class="test-ticket" data-ticket-link href="${escAttr(ticketUrl)}" target="_blank" rel="noopener noreferrer" style="color:#58a6ff;font-size:11px;text-decoration:none">\u{1F3AB} ${escHtml(ticketId)}</a>` : `<span class="test-ticket" style="color:#8b949e;font-size:11px">\u{1F3AB} ${escHtml(ticketId)}</span>`;
-    const checkbox = selectMode ? `<input type="checkbox" ${selectedIds.has(test.id) ? "checked" : ""} data-select="${test.id}" />` : "";
-    const hasIcps = (test.interceptors ?? []).length > 0;
-    const ticketComment = ticketId ? `${buildTicketComment(ticketId, ticketUrl)}
-` : "";
-    const itBlockCode = `${ticketComment}it('${escapeSingleQuotes(test.name)}', () => {
-${(test.commands ?? []).map((c) => normalizeBlock(c, "  ")).join("\n")}
-});`;
-    const icpBlockCode = icps.length ? `beforeEach(() => {
-  // Auto-generated Cypress interceptors
-${icps.map((c) => normalizeBlock(c, "  ")).join("\n")}
-});` : "";
-    const notesHtml = expanded && test.notes ? `<p class="test-notes">${escHtml(test.notes)}</p>` : "";
-    const body = expanded ? `
-      <div class="row-body">
-        ${notesHtml}
-        <pre class="code-preview">${syntaxHighlight(itBlockCode)}</pre>
-        ${icpBlockCode ? `<pre class="code-preview code-preview-icp">${syntaxHighlight(icpBlockCode)}</pre>` : ""}
-      </div>` : "";
-    return `
-      <div class="row${selectedIds.has(test.id) ? " selected-row" : ""}">
-        <div class="row-header" data-action="expand" data-idx="${i}">
-          ${checkbox}
-          <span class="test-name">${escHtml(test.name)}</span>
-          ${tagsHtml}
-          ${ticketHtml}
-          <span class="test-date">${date}</span>
-          <button class="btn-icon" data-action="copy-cmds" data-idx="${i}" title="${t("TEST_EDITOR.COPY_CMDS_BTN")}">${t("TEST_EDITOR.COPY_CMDS_BTN")}</button>
-          ${hasIcps ? `<button class="btn-icon" data-action="copy-icps" data-idx="${i}" title="${t("TEST_EDITOR.COPY_ICPS_BTN")}">${t("TEST_EDITOR.COPY_ICPS_BTN")}</button>` : ""}
-          <button class="btn-icon btn-del" data-action="delete" data-id="${test.id}" title="${t("TEST_EDITOR.DELETE_TITLE")}">\u{1F5D1}</button>
-        </div>
-        ${body}
-      </div>`;
-  };
-  const indexed = visible.map((test, i) => ({ test, i }));
-  const groupedRows = () => {
+  let rows;
+  if (groupByTicket) {
     const groups = /* @__PURE__ */ new Map();
-    for (const item of indexed) {
-      const key = (item.test.ticketId ?? "").trim();
-      const bucket = groups.get(key);
-      if (bucket) bucket.push(item);
-      else groups.set(key, [item]);
+    for (const test of visible) {
+      const key = test.ticketId?.trim() || "";
+      const group = groups.get(key) ?? [];
+      group.push(test);
+      groups.set(key, group);
     }
-    const keys = [...groups.keys()].sort((a, b) => a === "" ? 1 : b === "" ? -1 : a.localeCompare(b));
-    return keys.map((key) => {
-      const items = groups.get(key) ?? [];
-      const label = key || t("TEST_EDITOR.NO_TICKET_GROUP");
-      const url = key ? ticketUrlByTest[items[0].test.id] ?? null : null;
-      const header = url ? `<a data-ticket-link href="${escAttr(url)}" target="_blank" rel="noopener noreferrer" style="color:#58a6ff;text-decoration:none">\u{1F3AB} ${escHtml(label)}</a>` : `\u{1F3AB} ${escHtml(label)}`;
-      return `<div class="ticket-group">
-        <div class="ticket-group-hd" style="padding:6px 10px;color:#8b949e;font-size:12px;font-weight:600;border-top:1px solid #21262d">${header}</div>
-        ${items.map(({ test, i }) => renderRow(test, i)).join("")}
-      </div>`;
+    const sortedKeys = [...groups.keys()].sort(
+      (a, b) => a === "" ? 1 : b === "" ? -1 : a.localeCompare(b)
+    );
+    rows = sortedKeys.map((key) => {
+      const group = groups.get(key);
+      const header = `<div class="ticket-group-header">${key ? escHtml(key) : t("TEST_EDITOR.NO_TICKET")}</div>`;
+      const groupRows = group.map((test) => {
+        const i = visible.indexOf(test);
+        return renderTestRow(test, i, state, t);
+      }).join("");
+      return `<div class="ticket-group">${header}${groupRows}</div>`;
     }).join("");
-  };
-  const listBody = !visible.length ? `<div class="empty">${t("TEST_EDITOR.NO_TESTS")}</div>` : groupByTicket ? groupedRows() : indexed.map(({ test, i }) => renderRow(test, i)).join("");
+  } else {
+    rows = visible.map((test, i) => renderTestRow(test, i, state, t)).join("");
+  }
   return `
     <div class="toolbar">
       ${tagFilterHtml}
-      <button class="btn-select${groupByTicket ? " active" : ""}" id="btn-group-ticket">${t("TEST_EDITOR.GROUP_BY_TICKET")}</button>
+      <button class="btn-select${groupByTicket ? " active" : ""}" id="btn-group-ticket">
+        ${groupByTicket ? t("TEST_EDITOR.UNGROUP_TICKET") : t("TEST_EDITOR.GROUP_BY_TICKET")}
+      </button>
       <button class="btn-select${selectMode ? " active" : ""}" id="btn-select-mode">
         ${selectMode ? t("TEST_EDITOR.CANCEL_SELECT") : t("TEST_EDITOR.MULTI_SELECT")}
       </button>
     </div>
     ${describeBarHtml}
     <div class="list">
-      ${listBody}
+      ${visible.length ? rows : `<div class="empty">${t("TEST_EDITOR.NO_TESTS")}</div>`}
     </div>`;
 }
 
@@ -4587,8 +4645,7 @@ var TestEditorElement = class extends HTMLElement {
   selectedIds = /* @__PURE__ */ new Set();
   describeName = "";
   groupByTicket = false;
-  issueTrackerProviderId = DEFAULT_ISSUE_TRACKER_PROVIDER_ID;
-  issueTrackerParams = {};
+  issueTrackerConfig = { ...DEFAULT_ISSUE_TRACKER_CONFIG };
   constructor() {
     super();
     this.shadow = this.attachShadow({ mode: "open" });
@@ -4598,17 +4655,7 @@ var TestEditorElement = class extends HTMLElement {
     this.loadTests();
   }
   async loadTests() {
-    const [tests, config] = await Promise.all([
-      this.persistence.getAllTests(),
-      this.persistence.getGeneralConfig()
-    ]);
-    this.tests = tests;
-    this.issueTrackerProviderId = config?.["issueTrackerProviderId"] ?? DEFAULT_ISSUE_TRACKER_PROVIDER_ID;
-    this.issueTrackerParams = config?.["issueTrackerParams"] ?? {};
-    this.render();
-  }
-  toggleGroupByTicket() {
-    this.groupByTicket = !this.groupByTicket;
+    this.tests = await this.persistence.getAllTests();
     this.render();
   }
   async deleteTest(id) {
@@ -4629,6 +4676,10 @@ var TestEditorElement = class extends HTMLElement {
   hasInterceptors(testId) {
     return Array.isArray(this.interceptorsByTest[testId]) && this.interceptorsByTest[testId].length > 0;
   }
+  toggleGroupByTicket() {
+    this.groupByTicket = !this.groupByTicket;
+    this.render();
+  }
   toggleSelectMode() {
     this.selectMode = !this.selectMode;
     if (!this.selectMode) this.selectedIds.clear();
@@ -4683,12 +4734,6 @@ ${beforeEach}${itBlocks}
     const tags = this.allTags;
     const visible = this.visibleTests;
     const selectedVisible = visible.filter((t) => this.selectedIds.has(t.id));
-    const ticketUrlByTest = {};
-    for (const test of visible) {
-      if (test.ticketId) {
-        ticketUrlByTest[test.id] = resolveTicketUrl(this.issueTrackerProviderId, this.issueTrackerParams, test.ticketId);
-      }
-    }
     this.shadow.innerHTML = `<style>${TEST_EDITOR_STYLES}</style>${renderTestEditor({
       tags,
       visible,
@@ -4699,15 +4744,12 @@ ${beforeEach}${itBlocks}
       describeName: this.describeName,
       expandedIndex: this.expandedIndex,
       interceptorsByTest: this.interceptorsByTest,
+      locale: localeForLang(this.translation.getLang()),
       groupByTicket: this.groupByTicket,
-      ticketUrlByTest,
-      locale: localeForLang(this.translation.getLang())
+      issueTrackerConfig: this.issueTrackerConfig
     }, this.t.bind(this))}`;
-    this.shadow.getElementById("btn-select-mode")?.addEventListener("click", () => this.toggleSelectMode());
     this.shadow.getElementById("btn-group-ticket")?.addEventListener("click", () => this.toggleGroupByTicket());
-    this.shadow.querySelectorAll("[data-ticket-link]").forEach(
-      (el) => el.addEventListener("click", (ev) => ev.stopPropagation())
-    );
+    this.shadow.getElementById("btn-select-mode")?.addEventListener("click", () => this.toggleSelectMode());
     this.shadow.querySelectorAll("[data-filter-tag]").forEach((el) => {
       el.addEventListener("click", () => {
         const tag = el.dataset["filterTag"] ?? "";
@@ -4765,32 +4807,99 @@ ${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
 var CONFIGURATION_STYLES = `
-  :host { display: block; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; color: #e6edf3; }
+  :host { display: block; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; color: #e6edf3; max-height: 70vh; overflow-y: auto; scrollbar-width: thin; scrollbar-color: #30363d transparent; }
   * { box-sizing: border-box; }
 
   /* \u2500\u2500 Grid container \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\u2500 */
-  /* The SweetAlert2 host clips overflow (overflow:hidden), so the grid owns its
-     own scroll \u2014 otherwise the last cards fall below the fold with no scrollbar. */
   .cfg-grid {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 10px;
     padding: 14px;
-    max-height: 72vh;
-    overflow-y: auto;
-    scrollbar-width: thin;
-    scrollbar-color: #30363d transparent;
   }
-  .cfg-grid::-webkit-scrollbar { width: 8px; }
-  .cfg-grid::-webkit-scrollbar-thumb { background: #30363d; border-radius: 4px; }
-  .cfg-grid::-webkit-scrollbar-thumb:hover { background: #484f58; }
-  .cfg-grid::-webkit-scrollbar-track { background: transparent; }
 
   /* \u2500\u2500 Cards \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\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */
   .card {
@@ -4937,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
@@ -5004,33 +5206,8 @@ function renderExportOverlay(state, t) {
       </div>
     </div>`;
 }
-var TRACKER_INPUT_STYLE = "flex:1;min-width:180px;padding:5px 8px;background:#161b22;border:1px solid #30363d;border-radius:5px;color:#c9d1d9;font-size:12px;outline:none";
-function renderIssueTrackerCard(state, t) {
-  const { issueTrackerProviderId, issueTrackerParams } = state;
-  const provider = findIssueTrackerProvider(issueTrackerProviderId) ?? ISSUE_TRACKER_PROVIDERS[0];
-  const values = issueTrackerParams[provider.id] ?? {};
-  const options = ISSUE_TRACKER_PROVIDERS.map(
-    (p) => `<option value="${escAttr(p.id)}" ${provider.id === p.id ? "selected" : ""}>${escHtml(t(p.labelKey))}</option>`
-  ).join("");
-  const fields = provider.fields.map((f) => `
-        <div class="field-row">
-          <span class="field-label">${escHtml(t(f.labelKey))}</span>
-          <input type="text" data-tracker-field="${escAttr(f.key)}" value="${escAttr(values[f.key] ?? "")}"
-            placeholder="${escAttr(t(f.placeholderKey))}" style="${TRACKER_INPUT_STYLE}" />
-        </div>`).join("");
-  return `
-      <div class="card card-wide">
-        <div class="card-hd">${t("CONFIG.ISSUE_TRACKER_SECTION")}</div>
-        <div class="field-row">
-          <span class="field-label">${t("CONFIG.ISSUE_TRACKER_LABEL")}</span>
-          <select id="issue-tracker-provider">${options}</select>
-        </div>
-        ${fields}
-        <div class="check-sub issue-tracker-disclaimer" style="margin-top:8px">${t("CONFIG.ISSUE_TRACKER_DISCLAIMER")}</div>
-      </div>`;
-}
 function renderConfiguration(state, t) {
-  const { selectedLanguage, advancedHttpConfig, fixtureMode, selectorStrategy, filesystemGranted, cypressFolderName, smartSelectorEnabled, startHidden, resumeTtlMinutes } = state;
+  const { selectedLanguage, advancedHttpConfig, fixtureMode, selectorStrategy, filesystemGranted, cypressFolderName, smartSelectorEnabled, startHidden, resumeTtlMinutes, issueTrackerConfig } = state;
   const langOptions = LANGS.map(
     (l) => `<option value="${l.value}" ${selectedLanguage === l.value ? "selected" : ""}>${l.label}</option>`
   ).join("");
@@ -5151,8 +5328,40 @@ function renderConfiguration(state, t) {
         </div>
       </div>
 
-      <!-- Issue tracker (spec 014) -->
-      ${renderIssueTrackerCard(state, t)}
+      <!-- Issue Tracker -->
+      <div class="card card-wide">
+        <div class="card-hd">${t("CONFIG.ISSUE_TRACKER_SECTION")}</div>
+        <label class="check-row">
+          <input type="checkbox" id="issue-tracker-toggle" ${issueTrackerConfig.enabled ? "checked" : ""} />
+          <div>
+            <div class="check-title">${t("CONFIG.ISSUE_TRACKER_TITLE")}</div>
+            <div class="check-sub">${t("CONFIG.ISSUE_TRACKER_SUB")}</div>
+          </div>
+        </label>
+        ${issueTrackerConfig.enabled ? `
+        <div class="field-row" style="margin-top:10px">
+          <span class="field-label">${t("CONFIG.ISSUE_TRACKER_PROVIDER")}</span>
+          <select id="issue-tracker-provider">
+            ${Object.values(ISSUE_TRACKER_PRESETS).map(
+    (p) => `<option value="${p.id}" ${issueTrackerConfig.provider === p.id ? "selected" : ""}>${escHtml(p.label)}</option>`
+  ).join("")}
+          </select>
+        </div>
+        <div class="field-row" style="margin-top:8px">
+          <span class="field-label">${t("CONFIG.ISSUE_TRACKER_BASE_URL")}</span>
+          <input id="issue-tracker-base-url" type="text"
+                 placeholder="${escAttr(t("CONFIG.ISSUE_TRACKER_BASE_URL_PH"))}"
+                 value="${escAttr(issueTrackerConfig.baseUrl)}"
+                 style="flex:1;padding:5px 8px;background:#161b22;border:1px solid #30363d;border-radius:5px;color:#c9d1d9;font-size:12px;outline:none" />
+        </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">
@@ -5167,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
@@ -5182,13 +5477,21 @@ var ConfigurationElement = class extends HTMLElement {
   smartSelectorEnabled = true;
   startHidden = false;
   resumeTtlMinutes = DEFAULT_RESUME_TTL_MINUTES;
-  issueTrackerProviderId = DEFAULT_ISSUE_TRACKER_PROVIDER_ID;
-  issueTrackerParams = {};
   isExporting = false;
   exportMode = "all";
   exportTests = [];
   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() {
@@ -5225,12 +5528,12 @@ var ConfigurationElement = class extends HTMLElement {
     this.filesystemGranted = config?.["allowReadWriteFiles"] === "true";
     const handle = config?.["cypressDirectoryHandle"];
     this.cypressFolderName = handle?.name ?? null;
-    if (config?.["issueTrackerProviderId"] !== void 0) {
-      this.issueTrackerProviderId = config["issueTrackerProviderId"];
-    }
-    if (config?.["issueTrackerParams"] !== void 0) {
-      this.issueTrackerParams = config["issueTrackerParams"];
-    }
+    this.issueTrackerConfig = {
+      enabled: config?.["issueTrackerEnabled"] === "true",
+      provider: config?.["issueTrackerProvider"] ?? DEFAULT_ISSUE_TRACKER_CONFIG.provider,
+      baseUrl: config?.["issueTrackerBaseUrl"] ?? ""
+    };
+    this.loginSetupConfig = await this.persistence.getLoginSetup();
     this.render();
   }
   async onLanguageChange(lang) {
@@ -5263,20 +5566,6 @@ var ConfigurationElement = class extends HTMLElement {
     await this.persistence.setConfig({ [RESUME_TTL_CONFIG_KEY]: safe });
     this.render();
   }
-  /** Selects the issue-tracker provider (link-only, no sync — spec 014). */
-  async onIssueTrackerProviderChange(id) {
-    this.issueTrackerProviderId = id;
-    await this.persistence.setConfig({ issueTrackerProviderId: id });
-    this.render();
-  }
-  /** Stores a provider field value, scoped to the active provider so switching keeps values. */
-  async onIssueTrackerParamChange(fieldKey, value) {
-    const providerId = this.issueTrackerProviderId;
-    const current = { ...this.issueTrackerParams[providerId] ?? {} };
-    current[fieldKey] = value;
-    this.issueTrackerParams = { ...this.issueTrackerParams, [providerId]: current };
-    await this.persistence.setConfig({ issueTrackerParams: this.issueTrackerParams });
-  }
   onResetWidgetPosition() {
     this.dispatchEvent(new CustomEvent("resetwidgetposition", { bubbles: true, composed: true }));
     showToast(this.t("CONFIG.WIDGET_POSITION_RESET_DONE"));
@@ -5293,6 +5582,102 @@ var ConfigurationElement = class extends HTMLElement {
     this.dispatchEvent(new CustomEvent("selectorstrategychange", { detail: strategy, bubbles: true, composed: true }));
     this.render();
   }
+  async onIssueTrackerEnabledChange(enabled) {
+    this.issueTrackerConfig = { ...this.issueTrackerConfig, enabled };
+    await this.persistence.setConfig({ issueTrackerEnabled: enabled ? "true" : "false" });
+    this.dispatchEvent(new CustomEvent("issuetrackerchange", { detail: { ...this.issueTrackerConfig }, bubbles: true, composed: true }));
+    this.render();
+  }
+  async onIssueTrackerProviderChange(provider) {
+    this.issueTrackerConfig = { ...this.issueTrackerConfig, provider };
+    await this.persistence.setConfig({ issueTrackerProvider: provider });
+    this.dispatchEvent(new CustomEvent("issuetrackerchange", { detail: { ...this.issueTrackerConfig }, bubbles: true, composed: true }));
+    this.render();
+  }
+  async onIssueTrackerBaseUrlChange(baseUrl) {
+    this.issueTrackerConfig = { ...this.issueTrackerConfig, baseUrl };
+    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();
@@ -5390,13 +5775,19 @@ var ConfigurationElement = class extends HTMLElement {
       smartSelectorEnabled: this.smartSelectorEnabled,
       startHidden: this.startHidden,
       resumeTtlMinutes: this.resumeTtlMinutes,
-      issueTrackerProviderId: this.issueTrackerProviderId,
-      issueTrackerParams: this.issueTrackerParams,
       isExporting: this.isExporting,
       exportMode: this.exportMode,
       exportTests: this.exportTests,
       exportSelectedIds: this.exportSelectedIds,
-      exportSelectedTags: this.exportSelectedTags
+      exportSelectedTags: this.exportSelectedTags,
+      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(
@@ -5428,15 +5819,18 @@ var ConfigurationElement = class extends HTMLElement {
       "change",
       (e) => this.onSelectorStrategyChange(e.target.value)
     );
+    ;
+    this.shadow.getElementById("issue-tracker-toggle")?.addEventListener(
+      "change",
+      (e) => this.onIssueTrackerEnabledChange(e.target.checked)
+    );
     this.shadow.getElementById("issue-tracker-provider")?.addEventListener(
       "change",
       (e) => this.onIssueTrackerProviderChange(e.target.value)
     );
-    this.shadow.querySelectorAll("[data-tracker-field]").forEach(
-      (el) => el.addEventListener(
-        "change",
-        () => this.onIssueTrackerParamChange(el.dataset["trackerField"] ?? "", el.value)
-      )
+    this.shadow.getElementById("issue-tracker-base-url")?.addEventListener(
+      "change",
+      (e) => this.onIssueTrackerBaseUrlChange(e.target.value)
     );
     this.shadow.getElementById("btn-change-folder")?.addEventListener("click", () => this.changeFolder());
     this.shadow.getElementById("btn-revoke")?.addEventListener("click", () => this.revokeAccess());
@@ -5452,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; }
@@ -5728,6 +6146,7 @@ var AdvancedTestEditorElement = class extends HTMLElement {
   isCreatingFolder = false;
   collapsedDirs = /* @__PURE__ */ new Set();
   sidebarWidth = 220;
+  loginSetupConfig = null;
   hasPermission = false;
   needsReauth = false;
   _dirHandle = null;
@@ -5788,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();
@@ -5829,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();
@@ -6023,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
@@ -6040,9 +6514,6 @@ var FILE_PREVIEW_STYLES = `
   .file-name { flex: 1; font-size: 12px; color: #8b949e;
                font-family: 'Cascadia Code', 'Fira Code', 'Consolas', monospace; }
   .body { display: flex; flex: 1; overflow: hidden; min-height: 0; }
-  /* Host for the CodeMirror editor (or the textarea fallback). */
-  .editor-host { flex: 1; min-width: 0; display: flex; flex-direction: column; overflow: hidden; }
-  .editor-host .cm-editor { flex: 1; min-height: 0; }
   .editor {
     flex: 1; min-width: 0; padding: 14px;
     background: #0d1117; color: #c9d1d9; border: none; outline: none;
@@ -6232,7 +6703,7 @@ function renderFilePreview(state, t) {
         <button id="btn-copy" title="${t("FILE_PREVIEW.COPY_TITLE")}">\u{1F4CB}</button>
       </div>
       <div class="body">
-        ${showDiff ? `<div class="diff-panel" id="diff-panel">${buildDiffHtml(originalContent ?? "", currentContent, t)}</div>` : `<div class="editor-host" id="editor-host"><textarea class="editor" id="editor" spellcheck="false">${escHtml(fileContent ?? "")}</textarea></div>`}
+        ${showDiff ? `<div class="diff-panel" id="diff-panel">${buildDiffHtml(originalContent ?? "", currentContent, t)}</div>` : `<textarea class="editor" id="editor" spellcheck="false">${escHtml(fileContent ?? "")}</textarea>`}
         ${blocksPanelHtml}
       </div>
       ${runResultHtml}
@@ -6250,7 +6721,6 @@ function renderFilePreview(state, t) {
 var FilePreviewElement = class extends HTMLElement {
   shadow;
   textarea = null;
-  editor = null;
   fileName = null;
   closeLabel = "";
   translation = translationService;
@@ -6276,29 +6746,20 @@ var FilePreviewElement = class extends HTMLElement {
     if (!this.closeLabel) this.closeLabel = this.translation.translate("FILE_PREVIEW.CLOSE_BTN");
     this.render();
   }
-  disconnectedCallback() {
-    this.editor?.destroy();
-    this.editor = null;
-  }
   t(key) {
     return this.translation.translate(key);
   }
-  /** Current editor content (CodeMirror if upgraded, else the textarea/fallback). */
-  currentValue() {
-    return this.editor?.getValue() ?? this.textarea?.value ?? this._fileContent ?? "";
-  }
   get fileContent() {
     return this._fileContent;
   }
   set fileContent(v) {
     if (this._originalContent === null) this._originalContent = v;
     this._fileContent = v;
-    if (this.editor) this.editor.setValue(v ?? "");
-    else if (this.textarea) this.textarea.value = v ?? "";
+    if (this.textarea) this.textarea.value = v ?? "";
     else this.render();
   }
   saveFile() {
-    const content = this.currentValue();
+    const content = this.textarea?.value ?? this._fileContent ?? "";
     this.dispatchEvent(new CustomEvent("save", { detail: content, bubbles: true, composed: true }));
   }
   onClose() {
@@ -6347,7 +6808,7 @@ var FilePreviewElement = class extends HTMLElement {
    * (and warns) when the file has no valid describe() block to insert into.
    */
   insertBlocks() {
-    const base = this.currentValue();
+    const base = this.textarea?.value ?? this._fileContent ?? "";
     let content = base;
     if (this.interceptorsBlock) {
       const merged = advancedTestTransformationService.insertBeforeEach(content, this.interceptorsBlock);
@@ -6367,14 +6828,12 @@ var FilePreviewElement = class extends HTMLElement {
     showToast(this.t("FILE_PREVIEW.INSERT_DONE"));
   }
   render() {
-    this.editor?.destroy();
-    this.editor = null;
     this.shadow.innerHTML = `<style>${FILE_PREVIEW_STYLES}</style>${renderFilePreview({
       fileName: this.fileName,
       showDiff: this._showDiff,
       fileContent: this._fileContent,
       originalContent: this._originalContent,
-      currentContent: this._fileContent ?? "",
+      currentContent: this.textarea?.value ?? this._fileContent ?? "",
       itBlock: this.itBlock,
       interceptorsBlock: this.interceptorsBlock,
       closeLabel: this.closeLabel,
@@ -6388,13 +6847,12 @@ var FilePreviewElement = class extends HTMLElement {
       this.textarea.addEventListener("input", () => {
         this._fileContent = ta.value;
       });
-      void this.upgradeEditor();
     }
     this.shadow.getElementById("btn-save")?.addEventListener("click", () => this.saveFile());
     this.shadow.getElementById("btn-close")?.addEventListener("click", () => this.onClose());
     this.shadow.getElementById("btn-launch")?.addEventListener("click", () => this.launchTest());
     this.shadow.getElementById("btn-copy")?.addEventListener("click", () => {
-      this.copyToClipboard(this.currentValue());
+      this.copyToClipboard(this.textarea?.value ?? this._fileContent ?? "");
     });
     this.shadow.getElementById("btn-diff")?.addEventListener("click", () => this.toggleDiff());
     this.shadow.getElementById("btn-insert")?.addEventListener("click", () => this.insertBlocks());
@@ -6405,37 +6863,9 @@ var FilePreviewElement = class extends HTMLElement {
       this.copyToClipboard(this.interceptorsBlock);
     });
   }
-  /**
-   * Lazily upgrades the textarea to a CodeMirror editor (syntax highlight +
-   * Cypress autocomplete). On any failure the textarea is left in place, so the
-   * editor degrades gracefully when CodeMirror can't load.
-   */
-  async upgradeEditor() {
-    const host = this.shadow.getElementById("editor-host");
-    const ta = this.textarea;
-    if (!host || !ta) return;
-    try {
-      const handle = await createCodeEditor({
-        parent: host,
-        root: this.shadow,
-        doc: this._fileContent ?? "",
-        onChange: (value) => {
-          this._fileContent = value;
-        }
-      });
-      if (!host.isConnected) {
-        handle.destroy();
-        return;
-      }
-      ta.remove();
-      this.textarea = null;
-      this.editor = handle;
-    } catch {
-    }
-  }
 };
-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
@@ -6531,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(
@@ -6583,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"];
@@ -6789,6 +7219,129 @@ 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));
+  return interceptors.map((icp) => {
+    const match = icp.match(/\.as\('([^']+)'\)$/);
+    if (!match) return icp;
+    const fixtureFile = `${match[1]}.json`;
+    if (!fixtureNames.has(fixtureFile)) return icp;
+    return icp.replace(/\)\.as\(/, `, { fixture: '${fixtureFile}' }).as(`);
+  });
+}
+function simplifyFixtureWaits(commands, fixtures) {
+  const fixtureAliases = new Set(fixtures.map((f) => f.name.replace(/\.json$/, "")));
+  return commands.map((cmd) => {
+    const match = cmd.match(/^cy\.wait\('@([^']+)'\)/);
+    if (!match || !fixtureAliases.has(match[1])) return cmd;
+    return `cy.wait('@${match[1]}').then((interception) => { })`;
+  });
+}
+
 // src/components/lib-e2e-recorder/lib-e2e-recorder.ts
 var LibE2eRecorderElement = class extends HTMLElement {
   shadow;
@@ -6815,6 +7368,7 @@ var LibE2eRecorderElement = class extends HTMLElement {
   httpMonitor;
   smartSelectorEnabled = true;
   _needsRecordingRebuild = false;
+  issueTrackerConfig = { ...DEFAULT_ISSUE_TRACKER_CONFIG };
   recording;
   persistence;
   translation;
@@ -6887,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) {
@@ -6934,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;
@@ -6958,6 +7516,11 @@ var LibE2eRecorderElement = class extends HTMLElement {
     const strategy = config?.["selectorStrategy"];
     if (strategy) this.recording.selectorStrategy = strategy;
     this.smartSelectorEnabled = config?.["smartSelectorEnabled"] !== "false";
+    this.issueTrackerConfig = {
+      enabled: config?.["issueTrackerEnabled"] === "true",
+      provider: config?.["issueTrackerProvider"] ?? DEFAULT_ISSUE_TRACKER_CONFIG.provider,
+      baseUrl: config?.["issueTrackerBaseUrl"] ?? ""
+    };
   }
   // ── cross-app session continuity (spec 006) ───────────────────────────────
   /**
@@ -6993,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,
@@ -7212,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,
@@ -7222,276 +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;
-          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;
-          this.persistence.getGeneralConfig().then((config) => {
-            const providerId = config?.["issueTrackerProviderId"];
-            if (providerId) child.issueTrackerProviderId = providerId;
-          });
-          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 ?? null);
-            import_sweetalert2.default.close();
-          });
-          child.addEventListener("saveandexport", (e) => {
+            this.onSaveTest(description ?? null, tags ?? [], notes ?? "", ticketId ?? "");
+            import_sweetalert22.default.close();
+          } },
+          { name: "saveandexport", handler: (e) => {
             const { description, notes, tags, ticketId } = e.detail ?? {};
-            this.onSaveAndExportTest(description ?? null, tags ?? [], notes ?? "", ticketId ?? null);
-            import_sweetalert2.default.close();
-          });
-        },
-        willClose: () => {
-          this.isSaveTestDialogOpen = false;
-        }
-      });
-    });
+            this.onSaveAndExportTest(description ?? null, tags ?? [], notes ?? "", ticketId ?? "");
+            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());
-        },
-        willClose: () => {
-          this.isSettingsDialogOpen = false;
-        }
-      });
-      this.resizePopup();
-    });
+          } },
+          { name: "resetwidgetposition", handler: () => this.resetWidgetPosition() },
+          { name: "issuetrackerchange", handler: (e) => {
+            this.issueTrackerConfig = e.detail;
+          } }
+        ]);
+      }
+    );
   }
   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,
@@ -7502,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: () => {
@@ -7545,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,
@@ -7562,89 +8012,106 @@ 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();
   }
   // ── save handlers ─────────────────────────────────────────────────────────
-  async onSaveTest(description, tags = [], notes = "", ticketId = null) {
-    if (description) {
-      const fixtures = this.recording.getFixturesSnapshot();
-      await this.persistence.insertTest(description, this.cypressCommands, this.interceptors, tags, notes, ticketId ?? void 0);
-      await this.writeFixturesIfAny(fixtures);
-      this.recording.clearCommands();
-      this.clearRecordingHistory();
-      this.cypressCommands = [];
-      this.interceptors = [];
+  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
+      );
     }
-  }
-  async onSaveAndExportTest(description, tags = [], notes = "", ticketId = null) {
-    if (description) {
-      const fixtures = this.recording.getFixturesSnapshot();
-      const id = await this.persistence.insertTest(description, this.cypressCommands, this.interceptors, tags, notes, ticketId ?? void 0);
-      await this.writeFixturesIfAny(fixtures);
-      this.recording.clearCommands();
-      this.clearRecordingHistory();
-      this.cypressCommands = [];
-      this.interceptors = [];
-      setTimeout(() => this.showAdvancedEditorDialog(id), 300);
+    this.recording.clearCommands();
+    this.clearRecordingHistory();
+    this.cypressCommands = [];
+    this.interceptors = [];
+  }
+  async onSaveAndExportTest(description, tags = [], notes = "", ticketId = "") {
+    if (!description) return;
+    const fixtures = this.recording.getFixturesSnapshot();
+    const isFixtureMode = this.httpMonitor?.isFixtureModeEnabled() ?? false;
+    let finalInterceptors = this.interceptors;
+    let finalCommands = this.cypressCommands;
+    if (isFixtureMode && fixtures.length > 0) {
+      try {
+        const n = await this.persistence.writeFixtures(fixtures);
+        finalInterceptors = toFixtureInterceptors(this.interceptors, fixtures);
+        finalCommands = simplifyFixtureWaits(this.cypressCommands, fixtures);
+        showToast(`${this.translation.translate("RECORDER.FIXTURES_WRITTEN_TOAST")} (${n})`);
+      } catch {
+        showToast(this.translation.translate("RECORDER.FIXTURES_NO_FOLDER_TOAST"), false);
+      }
     }
-  }
-  /** Writes captured fixtures to cypress/fixtures and toasts the outcome (spec 012). */
-  async writeFixturesIfAny(fixtures) {
-    if (!fixtures.length) return;
-    try {
-      const n = await this.persistence.writeFixtures(fixtures);
-      showToast(`${this.translation.translate("RECORDER.FIXTURES_WRITTEN_TOAST")} (${n})`);
-    } catch {
-      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();
+    this.cypressCommands = [];
+    this.interceptors = [];
+    setTimeout(() => this.showAdvancedEditorDialog(id), 300);
   }
   // ── helpers ───────────────────────────────────────────────────────────────
   toggleModal(flag, openFn) {
     if (this[flag]) {
-      import_sweetalert2.default.close();
+      import_sweetalert22.default.close();
       this[flag] = false;
       return;
     }
@@ -7653,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;
@@ -7685,26 +8174,21 @@ if (!customElements.get("lib-e2e-recorder")) {
 }
 
 // src/index.ts
-var VERSION = "0.8.0";
+var VERSION = "0.10.0";
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ACTIVE_SESSION_BREADCRUMB_KEY,
   AdvancedTestEditorElement,
   AdvancedTestTransformationService,
-  CHAIN_METHODS,
-  CYPRESS_COMPLETIONS,
-  CY_METHODS,
   ConfigurationElement,
   DB_SCHEMA,
   DB_STORE_NAMES,
-  DEFAULT_ISSUE_TRACKER_PROVIDER_ID,
   DEFAULT_RESUME_TTL_MINUTES,
   DRAG_THRESHOLD,
   FilePreviewElement,
   HelpPanelElement,
   HttpMonitor,
   INPUT_TYPES,
-  ISSUE_TRACKER_PROVIDERS,
   LIB_E2E_CYPRESS_FOR_DUMMYS_SWAL2_STYLES,
   LOCALE_BY_LANG,
   LibE2eRecorderElement,
@@ -7715,25 +8199,19 @@ var VERSION = "0.8.0";
   SUPPORTED_LANGS,
   SaveTestElement,
   SelectorPickerElement,
-  Subject,
   TOGGLE_MARGIN,
-  TOP_LEVEL,
   TestEditorElement,
   TestPrevisualizerElement,
   TransformationService,
   TranslationService,
   VERSION,
+  _resetHttpMonitorState,
   advancedTestTransformationService,
   boxOffsetForDirection,
   boxTopLeftFor,
-  buildTicketComment,
-  buildTicketUrl,
   clampTogglePosition,
-  createCodeEditor,
   defaultTogglePosition,
-  filterCompletions,
-  filterCypressCompletions,
-  findIssueTrackerProvider,
+  ensurePopupDimensions,
   generateAlias,
   inferAssertionCommand,
   injectStyles,
@@ -7743,9 +8221,7 @@ var VERSION = "0.8.0";
   makeModalResizable,
   makeSwalDraggable,
   makeSwalDraggableByContentId,
-  persistenceService,
   resolveExpandDirection,
-  resolveTicketUrl,
   selectTestsForExport,
   setSwal2DataCyAttribute,
   showToast,