lib-e2e-cypress-for-dummys-ts 0.1.0

package/dist/index.js

@@ -0,0 +1,4355 @@
+import {
+  FORBIDDEN_ID_PREFIXES,
+  escAttr,
+  escHtml
+} from "./chunk-DRNRKHXN.js";
+
+// src/models/lang.model.ts
+var SUPPORTED_LANGS = ["es", "en", "fr", "it", "de"];
+function isLang(value) {
+  return SUPPORTED_LANGS.includes(value);
+}
+
+// src/models/input-types.model.ts
+var INPUT_TYPES = [
+  "text",
+  "password",
+  "email",
+  "search",
+  "tel",
+  "url",
+  "number",
+  "textarea"
+];
+
+// src/models/db-schema.model.ts
+var DB_SCHEMA = {
+  name: "E2ECypressDB",
+  version: 10,
+  stores: [
+    {
+      name: "tests",
+      keyPath: "id",
+      autoIncrement: true,
+      indexes: [
+        { name: "name", keyPath: "name", unique: false },
+        { name: "createdAt", keyPath: "createdAt", unique: false }
+      ]
+    },
+    {
+      name: "commands",
+      keyPath: "id",
+      autoIncrement: true,
+      indexes: [
+        { name: "command", keyPath: "command", unique: false },
+        { name: "testId", keyPath: "testId", unique: false },
+        { name: "createdAt", keyPath: "createdAt", unique: false }
+      ]
+    },
+    {
+      name: "interceptors",
+      keyPath: "id",
+      autoIncrement: true,
+      indexes: [
+        { name: "interceptor", keyPath: "interceptor", unique: false },
+        { name: "testId", keyPath: "testId", unique: false },
+        { name: "createdAt", keyPath: "createdAt", unique: false }
+      ]
+    },
+    {
+      name: "configuration",
+      keyPath: "id",
+      autoIncrement: true,
+      indexes: [
+        { name: "language", keyPath: "language", unique: false },
+        { name: "extendedHttpCommands", keyPath: "extendedHttpCommands", unique: false },
+        { name: "allowReadWriteFiles", keyPath: "allowReadWriteFiles", unique: false }
+      ]
+    }
+  ]
+};
+var DB_STORE_NAMES = DB_SCHEMA.stores.map((s) => s.name);
+
+// src/i18n/es.ts
+var I18N_ES = {
+  MAIN_FRAME: {
+    SETTINGS: "Configuraci\xF3n",
+    SHOW_ADVANCED_EDITOR: "Editor avanzado",
+    DIALOG_SAVED_TESTS: "Pruebas guardadas",
+    DIALOG_COMMANDS: "Previsualizador de comandos Cypress",
+    DIALOG_SAVE: "\xBFGuardar la grabaci\xF3n?"
+  },
+  SAVE_TEST: {
+    DESC_LABEL: "Descripci\xF3n de la prueba",
+    CANCEL: "Cancelar",
+    ASK: "\xBFGuardar el test grabado?",
+    YES_CONTINUE: "S\xED, continuar",
+    NO_DISCARD: "No, descartar",
+    DESC_PLACEHOLDER: "Ej: Login correcto con credenciales v\xE1lidas",
+    TAGS_LABEL: "Etiquetas (opcional, para filtrar despu\xE9s):",
+    TAGS_PLACEHOLDER: "smoke, login, regresi\xF3n\u2026",
+    ADD_TAG: "+ A\xF1adir",
+    NO_TAGS: "Sin etiquetas",
+    SAVE_BTN: "\u{1F4BE} Guardar",
+    SAVE_AND_EDIT: "\u{1F4DD} Guardar y editar",
+    REMOVE_TAG_TITLE: "Quitar"
+  },
+  TEST_EDITOR: {
+    NO_TAGS: "Sin etiquetas",
+    SELECTED_SINGULAR: "seleccionado",
+    SELECTED_PLURAL: "seleccionados",
+    DESCRIBE_PLACEHOLDER: "Nombre del describe (opcional)",
+    COPY_DESCRIBE: "\u{1F5C2} Copiar describe()",
+    MULTI_SELECT: "\u{1F5C2} Multi-select",
+    CANCEL_SELECT: "\u2715 Cancelar",
+    SECTION_COMMANDS: "Comandos",
+    SECTION_INTERCEPTORS: "Interceptores",
+    COPY_CMDS_BTN: "\u{1F4CB} Copiar comandos",
+    COPY_ICPS_BTN: "\u{1F4CB} Copiar interceptores",
+    DEFAULT_DESCRIBE: "Suite de tests",
+    NO_TESTS: "No hay tests guardados",
+    DELETE_TITLE: "Eliminar"
+  },
+  CONFIG: {
+    LANG_SECTION: "\u{1F310} Idioma",
+    LANG_FIELD: "Interfaz",
+    HTTP_SECTION: "\u26A1 HTTP Avanzado",
+    HTTP_TITLE: "Validaciones de body",
+    HTTP_SUB: "GET \u2192 response \xB7 POST/PUT \u2192 request",
+    SELECTOR_SECTION: "\u{1F3AF} Estrategia de selector",
+    SELECTOR_LABEL: "Atributo preferido para cy.get()",
+    SELECTOR_OPT_DATACY: "data-cy (por defecto)",
+    SELECTOR_OPT_TESTID: "data-testid",
+    SELECTOR_OPT_ARIA: "aria-label",
+    SELECTOR_OPT_ID: "id (#elemento)",
+    SELECTOR_HINT: "El grabador buscar\xE1 este atributo primero. Si no existe, intentar\xE1 los dem\xE1s.",
+    FOLDER_SECTION: "\u{1F4C1} Carpeta Cypress",
+    FOLDER_CONNECTED: "conectado \u2014",
+    FOLDER_NOT_SET: "sin configurar",
+    FOLDER_CHANGE_BTN: "\u{1F4C1} Cambiar carpeta",
+    FOLDER_SELECT_BTN: "\u{1F4C1} Seleccionar carpeta",
+    FOLDER_REVOKE_BTN: "\u2715 Quitar acceso",
+    DATA_SECTION: "\u{1F4BE} Datos",
+    DATA_DESC: "Exporta todos tus tests a JSON o importa una copia de seguridad.",
+    EXPORT_BTN: "\u2B06\uFE0F Exportar tests",
+    IMPORT_BTN: "\u2B07\uFE0F Importar tests",
+    FOLDER_UPDATED_TOAST: "\u2713 Carpeta de Cypress actualizada",
+    FOLDER_ERROR_TOAST: "Error al acceder a la carpeta",
+    IMPORT_SUCCESS: "Datos importados correctamente.",
+    IMPORT_ERROR: "Error al importar.",
+    JSON_INVALID: "El archivo no es un JSON v\xE1lido.",
+    JSON_BAD_FORMAT: "El archivo no tiene el formato esperado.",
+    SMART_SELECTOR_SECTION: "\u{1F50D} Selector inteligente",
+    SMART_SELECTOR_TITLE: "Selector inteligente",
+    SMART_SELECTOR_SUB: "Muestra un picker al hacer click en elementos sin selector v\xE1lido."
+  },
+  SELECTOR_PICKER: {
+    TITLE: "Selecciona un elemento del DOM",
+    PREVIEW_LABEL: "navegar",
+    CONFIRM_HINT: "confirmar",
+    CANCEL_HINT: "cancelar",
+    QUALITY_EXCELLENT: "Excelente \u2014 tiene atributo de prueba (data-cy / data-testid / aria-label)",
+    QUALITY_GOOD: "Bueno \u2014 tiene un id v\xE1lido",
+    QUALITY_ACCEPTABLE: "Aceptable \u2014 solo tiene clases CSS",
+    QUALITY_POOR: "No recomendado \u2014 solo tag o estilo inline"
+  },
+  TEST_PREVISUALIZER: {
+    INTERCEPTORS: "Interceptores",
+    COPY_CMDS_BTN: "\u{1F4CB} Copiar comandos",
+    SHOW_INTERCEPTORS: "\u25BC Ver interceptores",
+    HIDE_INTERCEPTORS: "\u25B2 Ocultar interceptores",
+    SECTION_COMMANDS: "Comandos",
+    NO_CMDS_YET: "Sin comandos a\xFAn",
+    NO_ICP_SHORT: "Sin interceptores",
+    COPY_ICP_BTN: "\u{1F4CB} Copiar interceptores",
+    UP_TITLE: "Subir",
+    DOWN_TITLE: "Bajar",
+    DEL_TITLE: "Eliminar"
+  },
+  ADVANCED_EDITOR: {
+    REAUTH_BTN: "\u{1F513} Reactivar acceso",
+    PERMISSION_EXPIRED: "\u{1F511} El permiso ha caducado",
+    PERMISSION_EXPIRED_HINT: "Haz clic para reactivar el acceso a tu carpeta de Cypress.",
+    NO_ACCESS: "\u{1F512} Sin acceso a archivos locales",
+    NO_ACCESS_HINT: "Configura el acceso en \u2699\uFE0F Config.",
+    NO_FILES: "Sin archivos",
+    SELECT_FILE: "\u2190 Selecciona un archivo del \xE1rbol",
+    IT_LABEL: "\u{1F9EA} it() a insertar:",
+    COPY_IT_BTN: "\u{1F4CB} Copiar it()",
+    BEFORE_EACH_LABEL: "\u{1F500} beforeEach() interceptores:",
+    COPY_ICP_BTN: "\u{1F4CB} Copiar interceptores",
+    INSERT_BTN: "\u{1F4BE} Insertar en archivo",
+    EDIT_MANUAL_BTN: "\u270F\uFE0F Editar manualmente",
+    CLOSE_BTN: "\u2715 Cerrar"
+  },
+  FILE_PREVIEW: {
+    NO_FILE: "Sin archivo",
+    COPY_TITLE: "Copiar contenido del editor",
+    BLOCK_IT: "\u{1F9EA} it()",
+    COPY_BTN: "\u{1F4CB} Copiar",
+    BLOCK_BEFORE_EACH: "\u{1F500} beforeEach()",
+    NO_CHANGES: "Sin cambios respecto al original",
+    NO_CHANGES_SHORT: "Sin cambios",
+    LAUNCH_BTN: "\u25B6 Lanzar test",
+    DIFF_BTN: "\u{1F4CA} Diff",
+    SAVE_BTN: "\u{1F4BE} Guardar",
+    CLOSE_BTN: "\u2715 Cerrar",
+    BACK_TO_EDITOR: "\u2190 Volver al editor"
+  },
+  RECORDER: {
+    FS_TITLE: "\u{1F4C1} Acceso a ficheros",
+    FS_LATER_BTN: "Ahora no",
+    FS_SELECT_BTN: "\u{1F4C1} Seleccionar carpeta",
+    FS_SUCCESS_TOAST: "\u2713 Carpeta de Cypress configurada",
+    FS_ERROR_TOAST: "Error al acceder a la carpeta",
+    FS_INTRO_HTML: 'El <strong style="color:#e6edf3">editor avanzado</strong> puede insertar tus tests directamente en los archivos <code style="background:#0d1117;padding:1px 6px;border-radius:4px;font-size:11px;color:#c9d1d9">.cy.ts</code> de Cypress.',
+    FS_STRUCTURE_HINT_HTML: 'Selecciona la carpeta que contiene la subcarpeta <code style="background:#0d1117;padding:1px 5px;border-radius:4px;font-size:10px;color:#c9d1d9">e2e/</code>. La extensi\xF3n espera esta estructura:',
+    FS_TREE_PICK_HINT: "\u2190 selecciona esta carpeta",
+    FS_TREE_READ_HINT: "\u2190 la extensi\xF3n leer\xE1 aqu\xED",
+    FS_PERMISSION_NOTE: "El permiso se guarda en el navegador y no se vuelve a solicitar.",
+    ASSERTION_SECTION: "\u2795 A\xF1adir aserci\xF3n",
+    ASSERT_SELECTOR_PH: 'selector, ej: [data-cy="btn"]',
+    ASSERT_VALUE_PH: "valor esperado",
+    ASSERT_ADD_BTN: "\u2795 A\xF1adir",
+    FILE_EDITOR_TITLE: "\u270F\uFE0F Editor de archivo",
+    FILE_SAVED_TOAST: "\u2713 Archivo guardado",
+    FILE_SAVE_ERROR_TOAST: "Error al guardar el archivo",
+    BTN_CONFIG: "Config",
+    BTN_FILES: "Ficheros",
+    BTN_COMMANDS: "Comandos",
+    BTN_TESTS: "Tests",
+    PAUSE_TITLE: "Pausar (Ctrl+P)",
+    RESUME_TITLE: "Reanudar (Ctrl+P)",
+    BADGE_PAUSED: "\u23F8 PAUSA",
+    BADGE_REC: "\u25CF REC",
+    STOP_TITLE: "Detener (Ctrl+R)",
+    START_TITLE: "Grabar (Ctrl+R)"
+  }
+};
+
+// src/i18n/en.ts
+var I18N_EN = {
+  MAIN_FRAME: {
+    SETTINGS: "Settings",
+    SHOW_ADVANCED_EDITOR: "Advanced editor",
+    DIALOG_SAVED_TESTS: "Saved tests",
+    DIALOG_COMMANDS: "Cypress commands previewer",
+    DIALOG_SAVE: "Save recording?"
+  },
+  SAVE_TEST: {
+    DESC_LABEL: "Test description",
+    CANCEL: "Cancel",
+    ASK: "Save the recorded test?",
+    YES_CONTINUE: "Yes, continue",
+    NO_DISCARD: "No, discard",
+    DESC_PLACEHOLDER: "E.g.: Successful login with valid credentials",
+    TAGS_LABEL: "Tags (optional, for later filtering):",
+    TAGS_PLACEHOLDER: "smoke, login, regression\u2026",
+    ADD_TAG: "+ Add",
+    NO_TAGS: "No tags",
+    SAVE_BTN: "\u{1F4BE} Save",
+    SAVE_AND_EDIT: "\u{1F4DD} Save and edit",
+    REMOVE_TAG_TITLE: "Remove"
+  },
+  TEST_EDITOR: {
+    NO_TAGS: "No tags",
+    SELECTED_SINGULAR: "selected",
+    SELECTED_PLURAL: "selected",
+    DESCRIBE_PLACEHOLDER: "describe name (optional)",
+    COPY_DESCRIBE: "\u{1F5C2} Copy describe()",
+    MULTI_SELECT: "\u{1F5C2} Multi-select",
+    CANCEL_SELECT: "\u2715 Cancel",
+    SECTION_COMMANDS: "Commands",
+    SECTION_INTERCEPTORS: "Interceptors",
+    COPY_CMDS_BTN: "\u{1F4CB} Copy commands",
+    COPY_ICPS_BTN: "\u{1F4CB} Copy interceptors",
+    DEFAULT_DESCRIBE: "Test suite",
+    NO_TESTS: "No saved tests",
+    DELETE_TITLE: "Delete"
+  },
+  CONFIG: {
+    LANG_SECTION: "\u{1F310} Language",
+    LANG_FIELD: "Interface",
+    HTTP_SECTION: "\u26A1 Advanced HTTP",
+    HTTP_TITLE: "Body validations",
+    HTTP_SUB: "GET \u2192 response \xB7 POST/PUT \u2192 request",
+    SELECTOR_SECTION: "\u{1F3AF} Selector strategy",
+    SELECTOR_LABEL: "Preferred attribute for cy.get()",
+    SELECTOR_OPT_DATACY: "data-cy (default)",
+    SELECTOR_OPT_TESTID: "data-testid",
+    SELECTOR_OPT_ARIA: "aria-label",
+    SELECTOR_OPT_ID: "id (#element)",
+    SELECTOR_HINT: "The recorder will look for this attribute first. If not found, it will try the others.",
+    FOLDER_SECTION: "\u{1F4C1} Cypress Folder",
+    FOLDER_CONNECTED: "connected \u2014",
+    FOLDER_NOT_SET: "not configured",
+    FOLDER_CHANGE_BTN: "\u{1F4C1} Change folder",
+    FOLDER_SELECT_BTN: "\u{1F4C1} Select folder",
+    FOLDER_REVOKE_BTN: "\u2715 Revoke access",
+    DATA_SECTION: "\u{1F4BE} Data",
+    DATA_DESC: "Export all your tests to JSON or import a backup.",
+    EXPORT_BTN: "\u2B06\uFE0F Export tests",
+    IMPORT_BTN: "\u2B07\uFE0F Import tests",
+    FOLDER_UPDATED_TOAST: "\u2713 Cypress folder updated",
+    FOLDER_ERROR_TOAST: "Error accessing the folder",
+    IMPORT_SUCCESS: "Data imported successfully.",
+    IMPORT_ERROR: "Error importing.",
+    JSON_INVALID: "The file is not valid JSON.",
+    JSON_BAD_FORMAT: "The file does not have the expected format.",
+    SMART_SELECTOR_SECTION: "\u{1F50D} Smart selector",
+    SMART_SELECTOR_TITLE: "Smart selector",
+    SMART_SELECTOR_SUB: "Shows a picker when clicking elements with no valid selector."
+  },
+  SELECTOR_PICKER: {
+    TITLE: "Select a DOM element",
+    PREVIEW_LABEL: "navigate",
+    CONFIRM_HINT: "confirm",
+    CANCEL_HINT: "cancel",
+    QUALITY_EXCELLENT: "Excellent \u2014 has a testing attribute (data-cy / data-testid / aria-label)",
+    QUALITY_GOOD: "Good \u2014 has a valid id",
+    QUALITY_ACCEPTABLE: "Acceptable \u2014 CSS classes only",
+    QUALITY_POOR: "Not recommended \u2014 tag name or inline style only"
+  },
+  TEST_PREVISUALIZER: {
+    INTERCEPTORS: "Interceptors",
+    COPY_CMDS_BTN: "\u{1F4CB} Copy commands",
+    SHOW_INTERCEPTORS: "\u25BC Show interceptors",
+    HIDE_INTERCEPTORS: "\u25B2 Hide interceptors",
+    SECTION_COMMANDS: "Commands",
+    NO_CMDS_YET: "No commands yet",
+    NO_ICP_SHORT: "No interceptors",
+    COPY_ICP_BTN: "\u{1F4CB} Copy interceptors",
+    UP_TITLE: "Move up",
+    DOWN_TITLE: "Move down",
+    DEL_TITLE: "Delete"
+  },
+  ADVANCED_EDITOR: {
+    REAUTH_BTN: "\u{1F513} Reactivate access",
+    PERMISSION_EXPIRED: "\u{1F511} Permission expired",
+    PERMISSION_EXPIRED_HINT: "Click to reactivate access to your Cypress folder.",
+    NO_ACCESS: "\u{1F512} No access to local files",
+    NO_ACCESS_HINT: "Configure access in \u2699\uFE0F Config.",
+    NO_FILES: "No files",
+    SELECT_FILE: "\u2190 Select a file from the tree",
+    IT_LABEL: "\u{1F9EA} it() to insert:",
+    COPY_IT_BTN: "\u{1F4CB} Copy it()",
+    BEFORE_EACH_LABEL: "\u{1F500} beforeEach() interceptors:",
+    COPY_ICP_BTN: "\u{1F4CB} Copy interceptors",
+    INSERT_BTN: "\u{1F4BE} Insert into file",
+    EDIT_MANUAL_BTN: "\u270F\uFE0F Edit manually",
+    CLOSE_BTN: "\u2715 Close"
+  },
+  FILE_PREVIEW: {
+    NO_FILE: "No file",
+    COPY_TITLE: "Copy editor content",
+    BLOCK_IT: "\u{1F9EA} it()",
+    COPY_BTN: "\u{1F4CB} Copy",
+    BLOCK_BEFORE_EACH: "\u{1F500} beforeEach()",
+    NO_CHANGES: "No changes from original",
+    NO_CHANGES_SHORT: "No changes",
+    LAUNCH_BTN: "\u25B6 Run test",
+    DIFF_BTN: "\u{1F4CA} Diff",
+    SAVE_BTN: "\u{1F4BE} Save",
+    CLOSE_BTN: "\u2715 Close",
+    BACK_TO_EDITOR: "\u2190 Back to editor"
+  },
+  RECORDER: {
+    FS_TITLE: "\u{1F4C1} File access",
+    FS_LATER_BTN: "Not now",
+    FS_SELECT_BTN: "\u{1F4C1} Select folder",
+    FS_SUCCESS_TOAST: "\u2713 Cypress folder configured",
+    FS_ERROR_TOAST: "Error accessing the folder",
+    FS_INTRO_HTML: 'The <strong style="color:#e6edf3">advanced editor</strong> can insert your tests directly into the Cypress <code style="background:#0d1117;padding:1px 6px;border-radius:4px;font-size:11px;color:#c9d1d9">.cy.ts</code> files.',
+    FS_STRUCTURE_HINT_HTML: 'Select the folder that contains the <code style="background:#0d1117;padding:1px 5px;border-radius:4px;font-size:10px;color:#c9d1d9">e2e/</code> subfolder. The extension expects this structure:',
+    FS_TREE_PICK_HINT: "\u2190 select this folder",
+    FS_TREE_READ_HINT: "\u2190 the extension will read here",
+    FS_PERMISSION_NOTE: "The permission is stored in the browser and will not be requested again.",
+    ASSERTION_SECTION: "\u2795 Add assertion",
+    ASSERT_SELECTOR_PH: 'selector, e.g.: [data-cy="btn"]',
+    ASSERT_VALUE_PH: "expected value",
+    ASSERT_ADD_BTN: "\u2795 Add",
+    FILE_EDITOR_TITLE: "\u270F\uFE0F File editor",
+    FILE_SAVED_TOAST: "\u2713 File saved",
+    FILE_SAVE_ERROR_TOAST: "Error saving the file",
+    BTN_CONFIG: "Config",
+    BTN_FILES: "Files",
+    BTN_COMMANDS: "Commands",
+    BTN_TESTS: "Tests",
+    PAUSE_TITLE: "Pause (Ctrl+P)",
+    RESUME_TITLE: "Resume (Ctrl+P)",
+    BADGE_PAUSED: "\u23F8 PAUSED",
+    BADGE_REC: "\u25CF REC",
+    STOP_TITLE: "Stop (Ctrl+R)",
+    START_TITLE: "Record (Ctrl+R)"
+  }
+};
+
+// src/i18n/fr.ts
+var I18N_FR = {
+  MAIN_FRAME: {
+    SETTINGS: "Param\xE8tres",
+    SHOW_ADVANCED_EDITOR: "\xC9diteur avanc\xE9",
+    DIALOG_SAVED_TESTS: "Tests enregistr\xE9s",
+    DIALOG_COMMANDS: "Aper\xE7u des commandes Cypress",
+    DIALOG_SAVE: "Enregistrer l'enregistrement ?"
+  },
+  SAVE_TEST: {
+    DESC_LABEL: "Description du test",
+    CANCEL: "Annuler",
+    ASK: "Enregistrer le test ?",
+    YES_CONTINUE: "Oui, continuer",
+    NO_DISCARD: "Non, ignorer",
+    DESC_PLACEHOLDER: "Ex : Connexion r\xE9ussie avec identifiants valides",
+    TAGS_LABEL: "\xC9tiquettes (optionnel, pour filtrer ensuite) :",
+    TAGS_PLACEHOLDER: "smoke, login, r\xE9gression\u2026",
+    ADD_TAG: "+ Ajouter",
+    NO_TAGS: "Sans \xE9tiquettes",
+    SAVE_BTN: "\u{1F4BE} Enregistrer",
+    SAVE_AND_EDIT: "\u{1F4DD} Enregistrer et \xE9diter",
+    REMOVE_TAG_TITLE: "Retirer"
+  },
+  TEST_EDITOR: {
+    NO_TAGS: "Sans \xE9tiquettes",
+    SELECTED_SINGULAR: "s\xE9lectionn\xE9",
+    SELECTED_PLURAL: "s\xE9lectionn\xE9s",
+    DESCRIBE_PLACEHOLDER: "Nom du describe (optionnel)",
+    COPY_DESCRIBE: "\u{1F5C2} Copier describe()",
+    MULTI_SELECT: "\u{1F5C2} Multi-s\xE9lection",
+    CANCEL_SELECT: "\u2715 Annuler",
+    SECTION_COMMANDS: "Commandes",
+    SECTION_INTERCEPTORS: "Intercepteurs",
+    COPY_CMDS_BTN: "\u{1F4CB} Copier les commandes",
+    COPY_ICPS_BTN: "\u{1F4CB} Copier les intercepteurs",
+    DEFAULT_DESCRIBE: "Suite de tests",
+    NO_TESTS: "Aucun test enregistr\xE9",
+    DELETE_TITLE: "Supprimer"
+  },
+  CONFIG: {
+    LANG_SECTION: "\u{1F310} Langue",
+    LANG_FIELD: "Interface",
+    HTTP_SECTION: "\u26A1 HTTP Avanc\xE9",
+    HTTP_TITLE: "Validations du corps",
+    HTTP_SUB: "GET \u2192 r\xE9ponse \xB7 POST/PUT \u2192 requ\xEAte",
+    SELECTOR_SECTION: "\u{1F3AF} Strat\xE9gie de s\xE9lecteur",
+    SELECTOR_LABEL: "Attribut pr\xE9f\xE9r\xE9 pour cy.get()",
+    SELECTOR_OPT_DATACY: "data-cy (par d\xE9faut)",
+    SELECTOR_OPT_TESTID: "data-testid",
+    SELECTOR_OPT_ARIA: "aria-label",
+    SELECTOR_OPT_ID: "id (#\xE9l\xE9ment)",
+    SELECTOR_HINT: "L'enregistreur cherchera d'abord cet attribut. Si absent, il essaiera les autres.",
+    FOLDER_SECTION: "\u{1F4C1} Dossier Cypress",
+    FOLDER_CONNECTED: "connect\xE9 \u2014",
+    FOLDER_NOT_SET: "non configur\xE9",
+    FOLDER_CHANGE_BTN: "\u{1F4C1} Changer de dossier",
+    FOLDER_SELECT_BTN: "\u{1F4C1} S\xE9lectionner un dossier",
+    FOLDER_REVOKE_BTN: "\u2715 R\xE9voquer l'acc\xE8s",
+    DATA_SECTION: "\u{1F4BE} Donn\xE9es",
+    DATA_DESC: "Exportez tous vos tests en JSON ou importez une sauvegarde.",
+    EXPORT_BTN: "\u2B06\uFE0F Exporter les tests",
+    IMPORT_BTN: "\u2B07\uFE0F Importer les tests",
+    FOLDER_UPDATED_TOAST: "\u2713 Dossier Cypress mis \xE0 jour",
+    FOLDER_ERROR_TOAST: "Erreur lors de l'acc\xE8s au dossier",
+    IMPORT_SUCCESS: "Donn\xE9es import\xE9es avec succ\xE8s.",
+    IMPORT_ERROR: "Erreur lors de l'importation.",
+    JSON_INVALID: "Le fichier n'est pas un JSON valide.",
+    JSON_BAD_FORMAT: "Le fichier n'a pas le format attendu.",
+    SMART_SELECTOR_SECTION: "\u{1F50D} S\xE9lecteur intelligent",
+    SMART_SELECTOR_TITLE: "S\xE9lecteur intelligent",
+    SMART_SELECTOR_SUB: "Affiche un s\xE9lecteur lors du clic sur des \xE9l\xE9ments sans s\xE9lecteur valide."
+  },
+  SELECTOR_PICKER: {
+    TITLE: "S\xE9lectionnez un \xE9l\xE9ment du DOM",
+    PREVIEW_LABEL: "naviguer",
+    CONFIRM_HINT: "confirmer",
+    CANCEL_HINT: "annuler",
+    QUALITY_EXCELLENT: "Excellent \u2014 attribut de test pr\xE9sent (data-cy / data-testid / aria-label)",
+    QUALITY_GOOD: "Bon \u2014 id valide",
+    QUALITY_ACCEPTABLE: "Acceptable \u2014 classes CSS uniquement",
+    QUALITY_POOR: "D\xE9conseill\xE9 \u2014 seulement le nom de balise ou style inline"
+  },
+  TEST_PREVISUALIZER: {
+    INTERCEPTORS: "Intercepteurs",
+    COPY_CMDS_BTN: "\u{1F4CB} Copier les commandes",
+    SHOW_INTERCEPTORS: "\u25BC Voir les intercepteurs",
+    HIDE_INTERCEPTORS: "\u25B2 Masquer les intercepteurs",
+    SECTION_COMMANDS: "Commandes",
+    NO_CMDS_YET: "Aucune commande encore",
+    NO_ICP_SHORT: "Aucun intercepteur",
+    COPY_ICP_BTN: "\u{1F4CB} Copier les intercepteurs",
+    UP_TITLE: "Monter",
+    DOWN_TITLE: "Descendre",
+    DEL_TITLE: "Supprimer"
+  },
+  ADVANCED_EDITOR: {
+    REAUTH_BTN: "\u{1F513} R\xE9activer l'acc\xE8s",
+    PERMISSION_EXPIRED: "\u{1F511} Autorisation expir\xE9e",
+    PERMISSION_EXPIRED_HINT: "Cliquez pour r\xE9activer l'acc\xE8s \xE0 votre dossier Cypress.",
+    NO_ACCESS: "\u{1F512} Pas d'acc\xE8s aux fichiers locaux",
+    NO_ACCESS_HINT: "Configurez l'acc\xE8s dans \u2699\uFE0F Config.",
+    NO_FILES: "Aucun fichier",
+    SELECT_FILE: "\u2190 S\xE9lectionnez un fichier dans l'arborescence",
+    IT_LABEL: "\u{1F9EA} it() \xE0 ins\xE9rer :",
+    COPY_IT_BTN: "\u{1F4CB} Copier it()",
+    BEFORE_EACH_LABEL: "\u{1F500} beforeEach() intercepteurs :",
+    COPY_ICP_BTN: "\u{1F4CB} Copier les intercepteurs",
+    INSERT_BTN: "\u{1F4BE} Ins\xE9rer dans le fichier",
+    EDIT_MANUAL_BTN: "\u270F\uFE0F \xC9diter manuellement",
+    CLOSE_BTN: "\u2715 Fermer"
+  },
+  FILE_PREVIEW: {
+    NO_FILE: "Sans fichier",
+    COPY_TITLE: "Copier le contenu de l'\xE9diteur",
+    BLOCK_IT: "\u{1F9EA} it()",
+    COPY_BTN: "\u{1F4CB} Copier",
+    BLOCK_BEFORE_EACH: "\u{1F500} beforeEach()",
+    NO_CHANGES: "Aucun changement par rapport \xE0 l'original",
+    NO_CHANGES_SHORT: "Aucun changement",
+    LAUNCH_BTN: "\u25B6 Lancer le test",
+    DIFF_BTN: "\u{1F4CA} Diff",
+    SAVE_BTN: "\u{1F4BE} Enregistrer",
+    CLOSE_BTN: "\u2715 Fermer",
+    BACK_TO_EDITOR: "\u2190 Retour \xE0 l'\xE9diteur"
+  },
+  RECORDER: {
+    FS_TITLE: "\u{1F4C1} Acc\xE8s aux fichiers",
+    FS_LATER_BTN: "Pas maintenant",
+    FS_SELECT_BTN: "\u{1F4C1} S\xE9lectionner un dossier",
+    FS_SUCCESS_TOAST: "\u2713 Dossier Cypress configur\xE9",
+    FS_ERROR_TOAST: "Erreur lors de l'acc\xE8s au dossier",
+    FS_INTRO_HTML: `L'<strong style="color:#e6edf3">\xE9diteur avanc\xE9</strong> peut ins\xE9rer vos tests directement dans les fichiers <code style="background:#0d1117;padding:1px 6px;border-radius:4px;font-size:11px;color:#c9d1d9">.cy.ts</code> de Cypress.`,
+    FS_STRUCTURE_HINT_HTML: `S\xE9lectionnez le dossier qui contient le sous-dossier <code style="background:#0d1117;padding:1px 5px;border-radius:4px;font-size:10px;color:#c9d1d9">e2e/</code>. L'extension attend cette structure :`,
+    FS_TREE_PICK_HINT: "\u2190 s\xE9lectionnez ce dossier",
+    FS_TREE_READ_HINT: "\u2190 l'extension lira ici",
+    FS_PERMISSION_NOTE: "L'autorisation est enregistr\xE9e dans le navigateur et ne sera plus demand\xE9e.",
+    ASSERTION_SECTION: "\u2795 Ajouter une assertion",
+    ASSERT_SELECTOR_PH: 's\xE9lecteur, ex : [data-cy="btn"]',
+    ASSERT_VALUE_PH: "valeur attendue",
+    ASSERT_ADD_BTN: "\u2795 Ajouter",
+    FILE_EDITOR_TITLE: "\u270F\uFE0F \xC9diteur de fichier",
+    FILE_SAVED_TOAST: "\u2713 Fichier enregistr\xE9",
+    FILE_SAVE_ERROR_TOAST: "Erreur lors de l'enregistrement",
+    BTN_CONFIG: "Config",
+    BTN_FILES: "Fichiers",
+    BTN_COMMANDS: "Commandes",
+    BTN_TESTS: "Tests",
+    PAUSE_TITLE: "Pause (Ctrl+P)",
+    RESUME_TITLE: "Reprendre (Ctrl+P)",
+    BADGE_PAUSED: "\u23F8 PAUSE",
+    BADGE_REC: "\u25CF REC",
+    STOP_TITLE: "Arr\xEAter (Ctrl+R)",
+    START_TITLE: "Enregistrer (Ctrl+R)"
+  }
+};
+
+// src/i18n/it.ts
+var I18N_IT = {
+  MAIN_FRAME: {
+    SETTINGS: "Impostazioni",
+    SHOW_ADVANCED_EDITOR: "Editor avanzato",
+    DIALOG_SAVED_TESTS: "Test salvati",
+    DIALOG_COMMANDS: "Anteprima comandi Cypress",
+    DIALOG_SAVE: "Salvare la registrazione?"
+  },
+  SAVE_TEST: {
+    DESC_LABEL: "Descrizione del test",
+    CANCEL: "Annulla",
+    ASK: "Salvare il test registrato?",
+    YES_CONTINUE: "S\xEC, continua",
+    NO_DISCARD: "No, annulla",
+    DESC_PLACEHOLDER: "Es: Login riuscito con credenziali valide",
+    TAGS_LABEL: "Etichette (opzionale, per filtrare dopo):",
+    TAGS_PLACEHOLDER: "smoke, login, regressione\u2026",
+    ADD_TAG: "+ Aggiungi",
+    NO_TAGS: "Nessuna etichetta",
+    SAVE_BTN: "\u{1F4BE} Salva",
+    SAVE_AND_EDIT: "\u{1F4DD} Salva e modifica",
+    REMOVE_TAG_TITLE: "Rimuovi"
+  },
+  TEST_EDITOR: {
+    NO_TAGS: "Nessuna etichetta",
+    SELECTED_SINGULAR: "selezionato",
+    SELECTED_PLURAL: "selezionati",
+    DESCRIBE_PLACEHOLDER: "Nome del describe (opzionale)",
+    COPY_DESCRIBE: "\u{1F5C2} Copia describe()",
+    MULTI_SELECT: "\u{1F5C2} Multi-selezione",
+    CANCEL_SELECT: "\u2715 Annulla",
+    SECTION_COMMANDS: "Comandi",
+    SECTION_INTERCEPTORS: "Interceptor",
+    COPY_CMDS_BTN: "\u{1F4CB} Copia comandi",
+    COPY_ICPS_BTN: "\u{1F4CB} Copia interceptor",
+    DEFAULT_DESCRIBE: "Suite di test",
+    NO_TESTS: "Nessun test salvato",
+    DELETE_TITLE: "Elimina"
+  },
+  CONFIG: {
+    LANG_SECTION: "\u{1F310} Lingua",
+    LANG_FIELD: "Interfaccia",
+    HTTP_SECTION: "\u26A1 HTTP Avanzato",
+    HTTP_TITLE: "Validazioni del body",
+    HTTP_SUB: "GET \u2192 risposta \xB7 POST/PUT \u2192 richiesta",
+    SELECTOR_SECTION: "\u{1F3AF} Strategia selettore",
+    SELECTOR_LABEL: "Attributo preferito per cy.get()",
+    SELECTOR_OPT_DATACY: "data-cy (predefinito)",
+    SELECTOR_OPT_TESTID: "data-testid",
+    SELECTOR_OPT_ARIA: "aria-label",
+    SELECTOR_OPT_ID: "id (#elemento)",
+    SELECTOR_HINT: "Il registratore cercher\xE0 prima questo attributo. Se assente, prover\xE0 gli altri.",
+    FOLDER_SECTION: "\u{1F4C1} Cartella Cypress",
+    FOLDER_CONNECTED: "connesso \u2014",
+    FOLDER_NOT_SET: "non configurato",
+    FOLDER_CHANGE_BTN: "\u{1F4C1} Cambia cartella",
+    FOLDER_SELECT_BTN: "\u{1F4C1} Seleziona cartella",
+    FOLDER_REVOKE_BTN: "\u2715 Revoca accesso",
+    DATA_SECTION: "\u{1F4BE} Dati",
+    DATA_DESC: "Esporta tutti i tuoi test in JSON o importa un backup.",
+    EXPORT_BTN: "\u2B06\uFE0F Esporta test",
+    IMPORT_BTN: "\u2B07\uFE0F Importa test",
+    FOLDER_UPDATED_TOAST: "\u2713 Cartella Cypress aggiornata",
+    FOLDER_ERROR_TOAST: "Errore durante l'accesso alla cartella",
+    IMPORT_SUCCESS: "Dati importati correttamente.",
+    IMPORT_ERROR: "Errore durante l'importazione.",
+    JSON_INVALID: "Il file non \xE8 un JSON valido.",
+    JSON_BAD_FORMAT: "Il file non ha il formato previsto.",
+    SMART_SELECTOR_SECTION: "\u{1F50D} Selettore intelligente",
+    SMART_SELECTOR_TITLE: "Selettore intelligente",
+    SMART_SELECTOR_SUB: "Mostra un selettore quando si fa clic su elementi senza selettore valido."
+  },
+  SELECTOR_PICKER: {
+    TITLE: "Seleziona un elemento DOM",
+    PREVIEW_LABEL: "navigare",
+    CONFIRM_HINT: "confermare",
+    CANCEL_HINT: "annullare",
+    QUALITY_EXCELLENT: "Eccellente \u2014 attributo di test presente (data-cy / data-testid / aria-label)",
+    QUALITY_GOOD: "Buono \u2014 id valido",
+    QUALITY_ACCEPTABLE: "Accettabile \u2014 solo classi CSS",
+    QUALITY_POOR: "Sconsigliato \u2014 solo tag o stile inline"
+  },
+  TEST_PREVISUALIZER: {
+    INTERCEPTORS: "Interceptor",
+    COPY_CMDS_BTN: "\u{1F4CB} Copia comandi",
+    SHOW_INTERCEPTORS: "\u25BC Vedi interceptor",
+    HIDE_INTERCEPTORS: "\u25B2 Nascondi interceptor",
+    SECTION_COMMANDS: "Comandi",
+    NO_CMDS_YET: "Ancora nessun comando",
+    NO_ICP_SHORT: "Nessun interceptor",
+    COPY_ICP_BTN: "\u{1F4CB} Copia interceptor",
+    UP_TITLE: "Su",
+    DOWN_TITLE: "Gi\xF9",
+    DEL_TITLE: "Elimina"
+  },
+  ADVANCED_EDITOR: {
+    REAUTH_BTN: "\u{1F513} Riattiva accesso",
+    PERMISSION_EXPIRED: "\u{1F511} Autorizzazione scaduta",
+    PERMISSION_EXPIRED_HINT: "Clicca per riattivare l'accesso alla cartella Cypress.",
+    NO_ACCESS: "\u{1F512} Nessun accesso ai file locali",
+    NO_ACCESS_HINT: "Configura l'accesso in \u2699\uFE0F Config.",
+    NO_FILES: "Nessun file",
+    SELECT_FILE: "\u2190 Seleziona un file dall'albero",
+    IT_LABEL: "\u{1F9EA} it() da inserire:",
+    COPY_IT_BTN: "\u{1F4CB} Copia it()",
+    BEFORE_EACH_LABEL: "\u{1F500} beforeEach() interceptor:",
+    COPY_ICP_BTN: "\u{1F4CB} Copia interceptor",
+    INSERT_BTN: "\u{1F4BE} Inserisci nel file",
+    EDIT_MANUAL_BTN: "\u270F\uFE0F Modifica manualmente",
+    CLOSE_BTN: "\u2715 Chiudi"
+  },
+  FILE_PREVIEW: {
+    NO_FILE: "Nessun file",
+    COPY_TITLE: "Copia il contenuto dell'editor",
+    BLOCK_IT: "\u{1F9EA} it()",
+    COPY_BTN: "\u{1F4CB} Copia",
+    BLOCK_BEFORE_EACH: "\u{1F500} beforeEach()",
+    NO_CHANGES: "Nessuna modifica rispetto all'originale",
+    NO_CHANGES_SHORT: "Nessuna modifica",
+    LAUNCH_BTN: "\u25B6 Esegui test",
+    DIFF_BTN: "\u{1F4CA} Diff",
+    SAVE_BTN: "\u{1F4BE} Salva",
+    CLOSE_BTN: "\u2715 Chiudi",
+    BACK_TO_EDITOR: "\u2190 Torna all'editor"
+  },
+  RECORDER: {
+    FS_TITLE: "\u{1F4C1} Accesso ai file",
+    FS_LATER_BTN: "Non ora",
+    FS_SELECT_BTN: "\u{1F4C1} Seleziona cartella",
+    FS_SUCCESS_TOAST: "\u2713 Cartella Cypress configurata",
+    FS_ERROR_TOAST: "Errore durante l'accesso alla cartella",
+    FS_INTRO_HTML: `L'<strong style="color:#e6edf3">editor avanzato</strong> pu\xF2 inserire i tuoi test direttamente nei file <code style="background:#0d1117;padding:1px 6px;border-radius:4px;font-size:11px;color:#c9d1d9">.cy.ts</code> di Cypress.`,
+    FS_STRUCTURE_HINT_HTML: `Seleziona la cartella che contiene la sottocartella <code style="background:#0d1117;padding:1px 5px;border-radius:4px;font-size:10px;color:#c9d1d9">e2e/</code>. L'estensione si aspetta questa struttura:`,
+    FS_TREE_PICK_HINT: "\u2190 seleziona questa cartella",
+    FS_TREE_READ_HINT: "\u2190 l'estensione legger\xE0 qui",
+    FS_PERMISSION_NOTE: "Il permesso viene salvato nel browser e non sar\xE0 richiesto di nuovo.",
+    ASSERTION_SECTION: "\u2795 Aggiungi asserzione",
+    ASSERT_SELECTOR_PH: 'selettore, es: [data-cy="btn"]',
+    ASSERT_VALUE_PH: "valore atteso",
+    ASSERT_ADD_BTN: "\u2795 Aggiungi",
+    FILE_EDITOR_TITLE: "\u270F\uFE0F Editor di file",
+    FILE_SAVED_TOAST: "\u2713 File salvato",
+    FILE_SAVE_ERROR_TOAST: "Errore durante il salvataggio",
+    BTN_CONFIG: "Config",
+    BTN_FILES: "File",
+    BTN_COMMANDS: "Comandi",
+    BTN_TESTS: "Test",
+    PAUSE_TITLE: "Pausa (Ctrl+P)",
+    RESUME_TITLE: "Riprendi (Ctrl+P)",
+    BADGE_PAUSED: "\u23F8 PAUSA",
+    BADGE_REC: "\u25CF REC",
+    STOP_TITLE: "Ferma (Ctrl+R)",
+    START_TITLE: "Registra (Ctrl+R)"
+  }
+};
+
+// src/i18n/de.ts
+var I18N_DE = {
+  MAIN_FRAME: {
+    SETTINGS: "Einstellungen",
+    SHOW_ADVANCED_EDITOR: "Erweiterter Editor",
+    DIALOG_SAVED_TESTS: "Gespeicherte Tests",
+    DIALOG_COMMANDS: "Cypress-Befehle Vorschau",
+    DIALOG_SAVE: "Aufzeichnung speichern?"
+  },
+  SAVE_TEST: {
+    DESC_LABEL: "Testbeschreibung",
+    CANCEL: "Abbrechen",
+    ASK: "Aufgezeichneten Test speichern?",
+    YES_CONTINUE: "Ja, weiter",
+    NO_DISCARD: "Nein, verwerfen",
+    DESC_PLACEHOLDER: "Z. B.: Erfolgreiche Anmeldung mit g\xFCltigen Zugangsdaten",
+    TAGS_LABEL: "Tags (optional, zum sp\xE4teren Filtern):",
+    TAGS_PLACEHOLDER: "smoke, login, regression\u2026",
+    ADD_TAG: "+ Hinzuf\xFCgen",
+    NO_TAGS: "Keine Tags",
+    SAVE_BTN: "\u{1F4BE} Speichern",
+    SAVE_AND_EDIT: "\u{1F4DD} Speichern und bearbeiten",
+    REMOVE_TAG_TITLE: "Entfernen"
+  },
+  TEST_EDITOR: {
+    NO_TAGS: "Keine Tags",
+    SELECTED_SINGULAR: "ausgew\xE4hlt",
+    SELECTED_PLURAL: "ausgew\xE4hlt",
+    DESCRIBE_PLACEHOLDER: "describe-Name (optional)",
+    COPY_DESCRIBE: "\u{1F5C2} describe() kopieren",
+    MULTI_SELECT: "\u{1F5C2} Mehrfachauswahl",
+    CANCEL_SELECT: "\u2715 Abbrechen",
+    SECTION_COMMANDS: "Befehle",
+    SECTION_INTERCEPTORS: "Interceptors",
+    COPY_CMDS_BTN: "\u{1F4CB} Befehle kopieren",
+    COPY_ICPS_BTN: "\u{1F4CB} Interceptors kopieren",
+    DEFAULT_DESCRIBE: "Test-Suite",
+    NO_TESTS: "Keine gespeicherten Tests",
+    DELETE_TITLE: "L\xF6schen"
+  },
+  CONFIG: {
+    LANG_SECTION: "\u{1F310} Sprache",
+    LANG_FIELD: "Oberfl\xE4che",
+    HTTP_SECTION: "\u26A1 Erweitertes HTTP",
+    HTTP_TITLE: "Body-Validierungen",
+    HTTP_SUB: "GET \u2192 Antwort \xB7 POST/PUT \u2192 Anfrage",
+    SELECTOR_SECTION: "\u{1F3AF} Selector-Strategie",
+    SELECTOR_LABEL: "Bevorzugtes Attribut f\xFCr cy.get()",
+    SELECTOR_OPT_DATACY: "data-cy (Standard)",
+    SELECTOR_OPT_TESTID: "data-testid",
+    SELECTOR_OPT_ARIA: "aria-label",
+    SELECTOR_OPT_ID: "id (#element)",
+    SELECTOR_HINT: "Der Recorder sucht zuerst nach diesem Attribut. Falls nicht gefunden, versucht er die anderen.",
+    FOLDER_SECTION: "\u{1F4C1} Cypress-Ordner",
+    FOLDER_CONNECTED: "verbunden \u2014",
+    FOLDER_NOT_SET: "nicht konfiguriert",
+    FOLDER_CHANGE_BTN: "\u{1F4C1} Ordner wechseln",
+    FOLDER_SELECT_BTN: "\u{1F4C1} Ordner ausw\xE4hlen",
+    FOLDER_REVOKE_BTN: "\u2715 Zugriff widerrufen",
+    DATA_SECTION: "\u{1F4BE} Daten",
+    DATA_DESC: "Exportieren Sie alle Tests als JSON oder importieren Sie ein Backup.",
+    EXPORT_BTN: "\u2B06\uFE0F Tests exportieren",
+    IMPORT_BTN: "\u2B07\uFE0F Tests importieren",
+    FOLDER_UPDATED_TOAST: "\u2713 Cypress-Ordner aktualisiert",
+    FOLDER_ERROR_TOAST: "Fehler beim Zugriff auf den Ordner",
+    IMPORT_SUCCESS: "Daten erfolgreich importiert.",
+    IMPORT_ERROR: "Fehler beim Importieren.",
+    JSON_INVALID: "Die Datei ist kein g\xFCltiges JSON.",
+    JSON_BAD_FORMAT: "Die Datei hat nicht das erwartete Format.",
+    SMART_SELECTOR_SECTION: "\u{1F50D} Intelligenter Selektor",
+    SMART_SELECTOR_TITLE: "Intelligenter Selektor",
+    SMART_SELECTOR_SUB: "Zeigt ein Auswahlfeld, wenn auf Elemente ohne g\xFCltigen Selektor geklickt wird."
+  },
+  SELECTOR_PICKER: {
+    TITLE: "DOM-Element ausw\xE4hlen",
+    PREVIEW_LABEL: "navigieren",
+    CONFIRM_HINT: "best\xE4tigen",
+    CANCEL_HINT: "abbrechen",
+    QUALITY_EXCELLENT: "Ausgezeichnet \u2014 Test-Attribut vorhanden (data-cy / data-testid / aria-label)",
+    QUALITY_GOOD: "Gut \u2014 g\xFCltige ID",
+    QUALITY_ACCEPTABLE: "Akzeptabel \u2014 nur CSS-Klassen",
+    QUALITY_POOR: "Nicht empfohlen \u2014 nur Tag oder Inline-Style"
+  },
+  TEST_PREVISUALIZER: {
+    INTERCEPTORS: "Interceptors",
+    COPY_CMDS_BTN: "\u{1F4CB} Befehle kopieren",
+    SHOW_INTERCEPTORS: "\u25BC Interceptors anzeigen",
+    HIDE_INTERCEPTORS: "\u25B2 Interceptors ausblenden",
+    SECTION_COMMANDS: "Befehle",
+    NO_CMDS_YET: "Noch keine Befehle",
+    NO_ICP_SHORT: "Keine Interceptors",
+    COPY_ICP_BTN: "\u{1F4CB} Interceptors kopieren",
+    UP_TITLE: "Nach oben",
+    DOWN_TITLE: "Nach unten",
+    DEL_TITLE: "L\xF6schen"
+  },
+  ADVANCED_EDITOR: {
+    REAUTH_BTN: "\u{1F513} Zugriff reaktivieren",
+    PERMISSION_EXPIRED: "\u{1F511} Berechtigung abgelaufen",
+    PERMISSION_EXPIRED_HINT: "Klicken Sie, um den Zugriff auf Ihren Cypress-Ordner zu reaktivieren.",
+    NO_ACCESS: "\u{1F512} Kein Zugriff auf lokale Dateien",
+    NO_ACCESS_HINT: "Konfigurieren Sie den Zugriff unter \u2699\uFE0F Config.",
+    NO_FILES: "Keine Dateien",
+    SELECT_FILE: "\u2190 W\xE4hlen Sie eine Datei aus dem Baum",
+    IT_LABEL: "\u{1F9EA} it() zum Einf\xFCgen:",
+    COPY_IT_BTN: "\u{1F4CB} it() kopieren",
+    BEFORE_EACH_LABEL: "\u{1F500} beforeEach() Interceptors:",
+    COPY_ICP_BTN: "\u{1F4CB} Interceptors kopieren",
+    INSERT_BTN: "\u{1F4BE} In Datei einf\xFCgen",
+    EDIT_MANUAL_BTN: "\u270F\uFE0F Manuell bearbeiten",
+    CLOSE_BTN: "\u2715 Schlie\xDFen"
+  },
+  FILE_PREVIEW: {
+    NO_FILE: "Keine Datei",
+    COPY_TITLE: "Editor-Inhalt kopieren",
+    BLOCK_IT: "\u{1F9EA} it()",
+    COPY_BTN: "\u{1F4CB} Kopieren",
+    BLOCK_BEFORE_EACH: "\u{1F500} beforeEach()",
+    NO_CHANGES: "Keine \xC4nderungen gegen\xFCber dem Original",
+    NO_CHANGES_SHORT: "Keine \xC4nderungen",
+    LAUNCH_BTN: "\u25B6 Test starten",
+    DIFF_BTN: "\u{1F4CA} Diff",
+    SAVE_BTN: "\u{1F4BE} Speichern",
+    CLOSE_BTN: "\u2715 Schlie\xDFen",
+    BACK_TO_EDITOR: "\u2190 Zur\xFCck zum Editor"
+  },
+  RECORDER: {
+    FS_TITLE: "\u{1F4C1} Dateizugriff",
+    FS_LATER_BTN: "Nicht jetzt",
+    FS_SELECT_BTN: "\u{1F4C1} Ordner ausw\xE4hlen",
+    FS_SUCCESS_TOAST: "\u2713 Cypress-Ordner konfiguriert",
+    FS_ERROR_TOAST: "Fehler beim Zugriff auf den Ordner",
+    FS_INTRO_HTML: 'Der <strong style="color:#e6edf3">erweiterte Editor</strong> kann Ihre Tests direkt in die Cypress-Dateien <code style="background:#0d1117;padding:1px 6px;border-radius:4px;font-size:11px;color:#c9d1d9">.cy.ts</code> einf\xFCgen.',
+    FS_STRUCTURE_HINT_HTML: 'W\xE4hlen Sie den Ordner, der den Unterordner <code style="background:#0d1117;padding:1px 5px;border-radius:4px;font-size:10px;color:#c9d1d9">e2e/</code> enth\xE4lt. Die Erweiterung erwartet diese Struktur:',
+    FS_TREE_PICK_HINT: "\u2190 diesen Ordner ausw\xE4hlen",
+    FS_TREE_READ_HINT: "\u2190 die Erweiterung liest hier",
+    FS_PERMISSION_NOTE: "Die Berechtigung wird im Browser gespeichert und nicht erneut angefordert.",
+    ASSERTION_SECTION: "\u2795 Assertion hinzuf\xFCgen",
+    ASSERT_SELECTOR_PH: 'Selektor, z. B.: [data-cy="btn"]',
+    ASSERT_VALUE_PH: "erwarteter Wert",
+    ASSERT_ADD_BTN: "\u2795 Hinzuf\xFCgen",
+    FILE_EDITOR_TITLE: "\u270F\uFE0F Datei-Editor",
+    FILE_SAVED_TOAST: "\u2713 Datei gespeichert",
+    FILE_SAVE_ERROR_TOAST: "Fehler beim Speichern",
+    BTN_CONFIG: "Config",
+    BTN_FILES: "Dateien",
+    BTN_COMMANDS: "Befehle",
+    BTN_TESTS: "Tests",
+    PAUSE_TITLE: "Pausieren (Ctrl+P)",
+    RESUME_TITLE: "Fortsetzen (Ctrl+P)",
+    BADGE_PAUSED: "\u23F8 PAUSE",
+    BADGE_REC: "\u25CF REC",
+    STOP_TITLE: "Stopp (Ctrl+R)",
+    START_TITLE: "Aufzeichnen (Ctrl+R)"
+  }
+};
+
+// src/services/translation.service.ts
+var TranslationService = class {
+  lang;
+  translations = {
+    es: I18N_ES,
+    en: I18N_EN,
+    fr: I18N_FR,
+    it: I18N_IT,
+    de: I18N_DE
+  };
+  constructor() {
+    this.lang = this.detectLang();
+  }
+  setLang(lang) {
+    this.lang = lang;
+  }
+  getLang() {
+    return this.lang;
+  }
+  translate(key) {
+    const keys = key.split(".");
+    let value = this.translations[this.lang];
+    for (const k of keys) {
+      value = value?.[k];
+      if (value === void 0) return key;
+    }
+    return value;
+  }
+  detectLang() {
+    const browserLang = navigator.language.split("-")[0];
+    return isLang(browserLang) ? browserLang : "es";
+  }
+};
+var translationService = new TranslationService();
+
+// src/services/transformation.service.ts
+var TransformationService = class {
+  toLang(lang) {
+    return isLang(lang) ? lang : "en";
+  }
+  generateItDescription(description, commands) {
+    const commandsBlock = commands.map((cmd) => `  ${cmd}`).join("\n");
+    return `it('${description}', () => {
+${commandsBlock}
+});`;
+  }
+};
+var transformationService = new TransformationService();
+
+// src/services/advanced-test.transformation.service.ts
+var AdvancedTestTransformationService = class {
+  insertBeforeEach(content, interceptors, alertFn) {
+    const match = content.match(/(describe\s*\(.*?{)/s);
+    if (!match) {
+      alertFn?.("ADVANCED_EDITOR.NO_DESCRIBE");
+      return "";
+    }
+    const insertPos = (match.index ?? 0) + match[0].length;
+    const beforeEachBlock = `
+  beforeEach(() => {
+${interceptors}  })
+`;
+    return content.slice(0, insertPos) + beforeEachBlock + content.slice(insertPos);
+  }
+  insertItBlock(content, itBlock, alertFn) {
+    const idx = content.lastIndexOf("})");
+    if (idx === -1) {
+      alertFn?.("ADVANCED_EDITOR.NO_END");
+      return "";
+    }
+    return content.slice(0, idx) + "\n" + itBlock + "\n" + content.slice(idx);
+  }
+  isFile(file) {
+    return !!file && file.kind === "file";
+  }
+  async scanDirectory(dirHandle) {
+    const result = { name: dirHandle.name, kind: "directory", children: [] };
+    for await (const entry of dirHandle.values()) {
+      if (entry.kind === "directory") {
+        result.children.push(await this.scanDirectory(entry));
+      } else {
+        result.children.push({ name: entry.name, kind: "file" });
+      }
+    }
+    return result;
+  }
+};
+var advancedTestTransformationService = new AdvancedTestTransformationService();
+
+// src/utils/subject.ts
+var Subject = class {
+  _value;
+  listeners = /* @__PURE__ */ new Set();
+  constructor(initialValue) {
+    this._value = initialValue;
+  }
+  next(value) {
+    this._value = value;
+    this.listeners.forEach((l) => l(value));
+  }
+  getValue() {
+    return this._value;
+  }
+  subscribe(fn) {
+    this.listeners.add(fn);
+    return () => this.listeners.delete(fn);
+  }
+};
+
+// src/services/recording.service.ts
+var OWN_SELECTOR = '[data-cy="lib-e2e-cypress-for-dummys"]';
+var RecordingService = class {
+  commands$ = new Subject([]);
+  interceptors$ = new Subject([]);
+  isRecording$ = new Subject(false);
+  isPaused$ = new Subject(false);
+  selectorNotFound$ = new Subject(null);
+  inputDebounceTimers = /* @__PURE__ */ new Map();
+  abort = new AbortController();
+  selectorStrategy = "data-cy";
+  // Stored originals for history patching cleanup
+  origPushState = history.pushState.bind(history);
+  origReplaceState = history.replaceState.bind(history);
+  constructor() {
+    this.listenToClicks();
+    this.listenToInput();
+    this.listenToSelect();
+    this.listenToRouteChanges();
+  }
+  // ── Public API ────────────────────────────────────────────────────────────
+  startRecording() {
+    this.isPaused$.next(false);
+    this.isRecording$.next(true);
+    this.addCommand(`cy.viewport(1900, 1200)`);
+    this.addCommand(`cy.visit('${window.location.pathname}')`);
+    this.addCommand(`cy.get('[data-cy="lib-e2e-cypress-for-dummys"]').invoke('hide');`);
+  }
+  stopRecording() {
+    this.isPaused$.next(false);
+    this.isRecording$.next(false);
+  }
+  toggleRecording() {
+    if (this.isRecording$.getValue()) {
+      this.stopRecording();
+    } else {
+      this.startRecording();
+    }
+  }
+  pauseRecording() {
+    if (!this.isRecording$.getValue()) return;
+    this.isPaused$.next(true);
+  }
+  resumeRecording() {
+    this.isPaused$.next(false);
+  }
+  togglePause() {
+    if (this.isPaused$.getValue()) {
+      this.resumeRecording();
+    } else {
+      this.pauseRecording();
+    }
+  }
+  addCommand(cmd) {
+    if (!this.isRecording$.getValue() || this.isPaused$.getValue()) return;
+    this.commands$.next([...this.commands$.getValue(), cmd]);
+  }
+  /** Appends a command regardless of recording/paused state (e.g. assertions added manually). */
+  appendCommand(cmd) {
+    this.commands$.next([...this.commands$.getValue(), cmd]);
+  }
+  removeCommand(index) {
+    const cmds = this.commands$.getValue();
+    if (index < 0 || index >= cmds.length) return;
+    this.commands$.next([...cmds.slice(0, index), ...cmds.slice(index + 1)]);
+  }
+  moveCommand(from, to) {
+    const cmds = [...this.commands$.getValue()];
+    if (from < 0 || to < 0 || from >= cmds.length || to >= cmds.length || from === to) return;
+    const [item] = cmds.splice(from, 1);
+    cmds.splice(to, 0, item);
+    this.commands$.next(cmds);
+  }
+  removeInterceptor(index) {
+    const ints = this.interceptors$.getValue();
+    if (index < 0 || index >= ints.length) return;
+    this.interceptors$.next([...ints.slice(0, index), ...ints.slice(index + 1)]);
+  }
+  registerInterceptor(method, url, alias) {
+    if (this.isPaused$.getValue()) return;
+    const command = `cy.intercept('${method}', '${this.urlToWildcard(url, method)}').as('${alias}')`;
+    const current = this.interceptors$.getValue();
+    if (!current.includes(command)) {
+      this.interceptors$.next([...current, command]);
+    }
+  }
+  clearCommands() {
+    this.commands$.next([]);
+    this.interceptors$.next([]);
+  }
+  clearInterceptors() {
+    this.interceptors$.next([]);
+  }
+  getCommandsSnapshot() {
+    return this.commands$.getValue();
+  }
+  getInterceptorsSnapshot() {
+    return this.interceptors$.getValue();
+  }
+  getPausedSnapshot() {
+    return this.isPaused$.getValue();
+  }
+  onCommandsChange(fn) {
+    return this.commands$.subscribe(fn);
+  }
+  onInterceptorsChange(fn) {
+    return this.interceptors$.subscribe(fn);
+  }
+  onRecordingChange(fn) {
+    return this.isRecording$.subscribe(fn);
+  }
+  onPauseChange(fn) {
+    return this.isPaused$.subscribe(fn);
+  }
+  onSelectorNotFound(fn) {
+    return this.selectorNotFound$.subscribe((v) => {
+      if (v) fn(v.target, v.action);
+    });
+  }
+  destroy() {
+    this.abort.abort();
+    history.pushState = this.origPushState;
+    history.replaceState = this.origReplaceState;
+    this.inputDebounceTimers.forEach((t) => clearTimeout(t));
+    this.inputDebounceTimers.clear();
+  }
+  // ── DOM listeners ─────────────────────────────────────────────────────────
+  listenToClicks() {
+    document.addEventListener(
+      "click",
+      (e) => {
+        if (!this.isRecording$.getValue()) return;
+        const target = e.target;
+        if (!target || this.isOwnElement(target)) return;
+        const tag = target.tagName?.toLowerCase();
+        if (tag === "body" || tag === "html") return;
+        this.handleClickEvent(target);
+      },
+      { signal: this.abort.signal }
+    );
+  }
+  listenToInput() {
+    document.addEventListener(
+      "input",
+      (e) => {
+        if (!this.isRecording$.getValue()) return;
+        const target = e.target;
+        if (!target || this.isOwnElement(target)) return;
+        this.handleInputEvent(target);
+      },
+      { signal: this.abort.signal }
+    );
+  }
+  listenToSelect() {
+    document.addEventListener(
+      "change",
+      (e) => {
+        if (!this.isRecording$.getValue()) return;
+        const target = e.target;
+        if (!target || this.isOwnElement(target)) return;
+        if (target.tagName.toLowerCase() === "select") {
+          this.handleSelectEvent(target);
+        }
+      },
+      { signal: this.abort.signal }
+    );
+  }
+  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}')`);
+      lastUrl = newUrl;
+    };
+    const wrapMethod = (type) => {
+      const orig = history[type].bind(history);
+      history[type] = (data, unused, url) => {
+        const result = orig(data, unused, url);
+        let newUrl = window.location.pathname + window.location.search + window.location.hash;
+        if (typeof url === "string" && url.length > 0) {
+          const a = document.createElement("a");
+          a.href = url;
+          newUrl = a.pathname + a.search + a.hash;
+        } else if (url instanceof URL) {
+          newUrl = url.pathname + url.search + url.hash;
+        }
+        addUrlCommand(newUrl);
+        return result;
+      };
+    };
+    wrapMethod("pushState");
+    wrapMethod("replaceState");
+    window.addEventListener(
+      "popstate",
+      () => {
+        const newUrl = window.location.pathname + window.location.search + window.location.hash;
+        addUrlCommand(newUrl);
+      },
+      { signal: this.abort.signal }
+    );
+  }
+  // ── Click helpers ─────────────────────────────────────────────────────────
+  handleClickEvent(target) {
+    if (!this.isInteractiveElement(target)) {
+      const tag2 = target.tagName.toLowerCase();
+      if ((tag2 === "span" || tag2 === "div") && target.parentElement && (target.parentElement.tagName.toLowerCase() === "button" || target.parentElement.tagName.toLowerCase() === "mat-option") && (target.parentElement.hasAttribute("data-cy") || target.parentElement.hasAttribute("id"))) {
+        target = target.parentElement;
+      }
+      const matSelect = target.closest("mat-select");
+      if (matSelect) {
+        const sel = this.getReliableSelector(matSelect);
+        if (sel) {
+          this.addCommand(`cy.get('${sel}').click()`);
+        } else {
+          this.selectorNotFound$.next({ target: matSelect, action: "click" });
+        }
+        return;
+      }
+    }
+    const tag = target.tagName.toLowerCase();
+    if (tag === "input" || tag === "textarea" || tag === "select") {
+      const container2 = target.closest("[data-cy], [data-testid], [aria-label], [id]");
+      if (!container2) this.selectorNotFound$.next({ target, action: "click" });
+      return;
+    }
+    const container = target.closest("[data-cy], [data-testid], [aria-label], [id]");
+    if (!container) {
+      this.selectorNotFound$.next({ target, action: "click" });
+      return;
+    }
+    const selector = this.getReliableSelector(container);
+    if (selector === OWN_SELECTOR) return;
+    if (tag === "mat-option") {
+      this.handleMatOptionClick(target, selector);
+      return;
+    }
+    this.addGenericCommand({
+      selector,
+      action: (s) => `cy.get('${s}').click()`
+    });
+  }
+  handleMatOptionClick(target, selector) {
+    const matSelect = target.closest("mat-select");
+    let dataCy = null;
+    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()`);
+      return;
+    }
+    if (selector) {
+      this.addCommand(`cy.get('${selector}').eq(0).click()`);
+    } else {
+      this.selectorNotFound$.next({ target, action: "click" });
+    }
+  }
+  // ── Input helpers ─────────────────────────────────────────────────────────
+  handleInputEvent(target) {
+    const tag = target.tagName.toLowerCase();
+    const isText = tag === "textarea" || tag === "input" && INPUT_TYPES.includes(target.type);
+    if (!isText) return;
+    const container = target.closest("[data-cy], [data-testid], [aria-label], [id]");
+    if (!container) return;
+    if (this.inputDebounceTimers.has(target)) {
+      clearTimeout(this.inputDebounceTimers.get(target));
+    }
+    this.inputDebounceTimers.set(
+      target,
+      setTimeout(() => {
+        const selector = this.getReliableSelector(container);
+        const value = target.value.replace(/'/g, "\\'");
+        this.addGenericCommand({
+          selector,
+          action: (s) => `cy.get('${s}').clear().type('${value}')`
+        });
+        this.inputDebounceTimers.delete(target);
+      }, 1e3)
+    );
+  }
+  // ── Select helpers ────────────────────────────────────────────────────────
+  handleSelectEvent(target) {
+    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, "\\'");
+    this.addGenericCommand({
+      selector,
+      action: (s) => `cy.get('${s}').select('${value}')`
+    });
+  }
+  // ── Shared helpers ────────────────────────────────────────────────────────
+  addGenericCommand(opts) {
+    if (!opts.selector || this.isOwnSelector(opts.selector)) return;
+    this.addCommand(opts.action(opts.selector));
+  }
+  getReliableSelector(el) {
+    const strategy = this.selectorStrategy;
+    const dataCy = el.getAttribute("data-cy");
+    const dataTestid = el.getAttribute("data-testid");
+    const ariaLabel = el.getAttribute("aria-label");
+    const dataDotCy = el.getAttribute("data.cy");
+    const rawId = el.id;
+    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}"]`;
+        return validId ? `#${validId}` : null;
+      case "aria-label":
+        if (ariaLabel) return `[aria-label="${ariaLabel}"]`;
+        if (dataCy) return `[data-cy="${dataCy}"]`;
+        return validId ? `#${validId}` : null;
+      case "id":
+        if (validId) return `#${validId}`;
+        if (dataCy) return `[data-cy="${dataCy}"]`;
+        return dataTestid ? `[data-testid="${dataTestid}"]` : null;
+      default:
+        if (dataCy) return `[data-cy="${dataCy}"]`;
+        if (dataDotCy) return `[data.cy="${dataDotCy}"]`;
+        return validId ? `#${validId}` : null;
+    }
+  }
+  isInteractiveElement(target) {
+    if (!(target instanceof HTMLElement)) return false;
+    const tag = target.tagName.toLowerCase();
+    return ["select", "option", "input", "textarea", "button"].includes(tag);
+  }
+  isOwnSelector(selector) {
+    return selector === OWN_SELECTOR;
+  }
+  isOwnElement(target) {
+    return !!target.closest('[data-cy="lib-e2e-cypress-for-dummys"]');
+  }
+  urlToWildcard(url, method) {
+    const u = new URL(url, "http://localhost");
+    if (method.toUpperCase() === "GET" && u.search) {
+      return `**${u.pathname}/**`;
+    }
+    return `**${u.pathname}`;
+  }
+};
+
+// src/services/persistence.service.ts
+import { openDB } from "idb";
+var PersistenceService = class {
+  // dbName is overridable so tests can use unique names for isolation.
+  constructor(dbName = DB_SCHEMA.name) {
+    this.dbName = dbName;
+  }
+  dbName;
+  _db = null;
+  getDB() {
+    if (!this._db) {
+      this._db = openDB(this.dbName, DB_SCHEMA.version, {
+        upgrade(database) {
+          for (const store of DB_SCHEMA.stores) {
+            if (!database.objectStoreNames.contains(store.name)) {
+              const os = database.createObjectStore(store.name, {
+                keyPath: store.keyPath,
+                autoIncrement: store.autoIncrement
+              });
+              for (const index of store.indexes) {
+                os.createIndex(index.name, index.keyPath, { unique: index.unique });
+              }
+            }
+          }
+        }
+      });
+    }
+    return this._db;
+  }
+  // ── Tests ─────────────────────────────────────────────────────────────────
+  async insertTest(name, commands = [], interceptors = [], tags = []) {
+    const db = await this.getDB();
+    const record = { name, createdAt: Date.now(), ...tags.length ? { tags } : {} };
+    const id = await db.add("tests", record);
+    if (commands.length) await this.insertCommands(commands, id);
+    if (interceptors.length) await this.insertInterceptors(interceptors, id);
+    return id;
+  }
+  async getAllTests() {
+    const db = await this.getDB();
+    const tests = await db.getAll("tests");
+    return Promise.all(
+      tests.map(async (test) => ({
+        ...test,
+        commands: await this.getCommandStrings(test.id),
+        interceptors: await this.getInterceptorStrings(test.id)
+      }))
+    );
+  }
+  async getTestById(testId) {
+    const db = await this.getDB();
+    const record = await db.get("tests", testId);
+    if (!record) return null;
+    const commands = await this.getCommandStrings(testId);
+    const interceptors = await this.getInterceptorStrings(testId);
+    const itBlock = `it('${record.name}', () => {
+  ${commands.join("\n  ")}
+});`;
+    const interceptorsBlock = interceptors.length ? "  // Auto-generated Cypress interceptors\n" + interceptors.map((i) => "  " + i).join("\n") + "\n" : "";
+    return { ...record, commands, interceptors, cypressCommands: commands, itBlock, interceptorsBlock };
+  }
+  async deleteTest(id) {
+    const db = await this.getDB();
+    await db.delete("tests", id);
+    await this.deleteCommandsByTestId(id);
+    await this.deleteInterceptorsByTestId(id);
+  }
+  // ── Commands ──────────────────────────────────────────────────────────────
+  async insertCommands(commands, testId) {
+    const db = await this.getDB();
+    await Promise.all(
+      commands.map((command) => db.add("commands", { command, testId, createdAt: Date.now() }))
+    );
+  }
+  async getCommandsByTestId(testId) {
+    const db = await this.getDB();
+    return db.getAllFromIndex("commands", "testId", testId);
+  }
+  async getCommandStrings(testId) {
+    return (await this.getCommandsByTestId(testId)).map((r) => r.command).filter(Boolean);
+  }
+  async deleteCommandsByTestId(testId) {
+    const db = await this.getDB();
+    const rows = await this.getCommandsByTestId(testId);
+    const tx = db.transaction("commands", "readwrite");
+    await Promise.all(rows.map((r) => tx.store.delete(r.id)));
+    await tx.done;
+  }
+  // ── Interceptors ──────────────────────────────────────────────────────────
+  async insertInterceptors(interceptors, testId) {
+    const db = await this.getDB();
+    await Promise.all(
+      interceptors.map((interceptor) => db.add("interceptors", { interceptor, testId, createdAt: Date.now() }))
+    );
+  }
+  async getInterceptorsByTestId(testId) {
+    const db = await this.getDB();
+    return db.getAllFromIndex("interceptors", "testId", testId);
+  }
+  async getInterceptorStrings(testId) {
+    return (await this.getInterceptorsByTestId(testId)).map((r) => r.interceptor).filter(Boolean);
+  }
+  async deleteInterceptorsByTestId(testId) {
+    const db = await this.getDB();
+    const rows = await this.getInterceptorsByTestId(testId);
+    const tx = db.transaction("interceptors", "readwrite");
+    await Promise.all(rows.map((r) => tx.store.delete(r.id)));
+    await tx.done;
+  }
+  // ── Configuration ─────────────────────────────────────────────────────────
+  async setConfig(config) {
+    const db = await this.getDB();
+    const records = await db.getAll("configuration");
+    const current = records[0] ?? {};
+    const merged = { ...current, ...config };
+    if (current.id) {
+      await db.put("configuration", merged);
+    } else {
+      await db.add("configuration", merged);
+    }
+  }
+  async setConfigKey(key, value) {
+    return this.setConfig({ [key]: value });
+  }
+  async getConfig(key) {
+    const db = await this.getDB();
+    const records = await db.getAll("configuration");
+    if (!records.length) return null;
+    const config = records[0];
+    return Object.prototype.hasOwnProperty.call(config, key) ? { [key]: config[key] } : null;
+  }
+  async getGeneralConfig() {
+    const db = await this.getDB();
+    const records = await db.getAll("configuration");
+    return records[0] ?? null;
+  }
+  // ── Bulk operations ───────────────────────────────────────────────────────
+  async clearAllData() {
+    const db = await this.getDB();
+    await Promise.all([
+      db.clear("tests"),
+      db.clear("commands"),
+      db.clear("interceptors")
+    ]);
+  }
+  async ingestFileData(tests, interceptors) {
+    await Promise.all([
+      this.bulkInsertWithoutId("tests", tests),
+      this.bulkInsertWithoutId("interceptors", interceptors)
+    ]);
+  }
+  async requestDirectoryPermissions() {
+    if (!("showDirectoryPicker" in window)) {
+      throw new Error("File System Access API not supported");
+    }
+    const dirHandle = await window.showDirectoryPicker();
+    await this.setConfigKey("cypressDirectoryHandle", dirHandle);
+    await this.setConfigKey("allowReadWriteFiles", "true");
+  }
+  async bulkInsertWithoutId(store, items) {
+    if (!Array.isArray(items)) return;
+    const db = await this.getDB();
+    for (const item of items) {
+      const { id: _id, ...rest } = item;
+      await db.add(store, rest);
+    }
+  }
+};
+var persistenceService = new PersistenceService();
+
+// src/services/http-monitor.ts
+var INTERCEPTED_METHODS = ["GET", "POST", "PUT"];
+function generateAlias(method, url) {
+  try {
+    const u = new URL(url, "http://localhost");
+    const path = u.pathname.replace(/[^a-zA-Z0-9]/g, "-").replace(/-+/g, "-").replace(/(^-)|(-$)/g, "");
+    return `${method.toLowerCase()}-${path}`;
+  } catch {
+    return `${method.toLowerCase()}-intercepted-request`;
+  }
+}
+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");
+}
+function buildCyWaitCommand(method, alias, extendedHttp, requestBody, responseBody) {
+  if (extendedHttp && method === "GET" && responseBody) {
+    const validations = buildValidations("interception.response.body", responseBody);
+    return `cy.wait('@${alias}').then((interception) => {
+  if (interception.response) {
+${validations}
+  }
+})`;
+  }
+  if (extendedHttp && (method === "POST" || method === "PUT") && requestBody) {
+    const validations = buildValidations("interception.request.body", requestBody);
+    return `cy.wait('@${alias}').then((interception) => {
+${validations}
+})`;
+  }
+  return `cy.wait('@${alias}').then((interception) => { })`;
+}
+function parseJsonObject(text) {
+  try {
+    const parsed = JSON.parse(text);
+    if (parsed && typeof parsed === "object" && !Array.isArray(parsed)) {
+      return parsed;
+    }
+  } catch {
+  }
+  return null;
+}
+function parseRequestBody(init) {
+  const body = init?.body;
+  if (typeof body === "string") return parseJsonObject(body);
+  return null;
+}
+function resolveUrl(input) {
+  if (typeof input === "string") return input;
+  if (input instanceof URL) return input.href;
+  return input.url;
+}
+function resolveMethod(input, init) {
+  if (init?.method) return init.method.toUpperCase();
+  if (input instanceof Request) return input.method.toUpperCase();
+  return "GET";
+}
+var HttpMonitor = class {
+  constructor(recording) {
+    this.recording = recording;
+  }
+  recording;
+  originalFetch = null;
+  originalXHR = null;
+  install() {
+    this.installFetch();
+    this.installXhr();
+  }
+  uninstall() {
+    this.uninstallFetch();
+    this.uninstallXhr();
+  }
+  isExtendedHttpEnabled() {
+    return localStorage.getItem("extendedHttpCommands") === "true";
+  }
+  installFetch() {
+    if (this.originalFetch) return;
+    const originalFetch = window.fetch;
+    this.originalFetch = originalFetch;
+    window.fetch = async (input, init) => {
+      const response = await originalFetch(input, init);
+      try {
+        await this.handleFetchInterception(input, init, response.clone());
+      } catch {
+      }
+      return response;
+    };
+  }
+  uninstallFetch() {
+    if (!this.originalFetch) return;
+    window.fetch = this.originalFetch;
+    this.originalFetch = null;
+  }
+  installXhr() {
+    if (this.originalXHR) return;
+    this.originalXHR = window.XMLHttpRequest;
+    const OrigXHR = this.originalXHR;
+    const handleXhrInterception = this.handleXhrInterception.bind(this);
+    window.XMLHttpRequest = class extends OrigXHR {
+      _xhrMethod = "GET";
+      _xhrUrl = "";
+      _xhrRequestBody = null;
+      open(method, url, async = true, user, password) {
+        this._xhrMethod = method.toUpperCase();
+        this._xhrUrl = url instanceof URL ? url.href : url;
+        super.open(method, url, async, user, password);
+      }
+      send(body) {
+        if (typeof body === "string") {
+          this._xhrRequestBody = parseJsonObject(body);
+        }
+        this.addEventListener("load", () => {
+          try {
+            handleXhrInterception(
+              this._xhrMethod,
+              this._xhrUrl,
+              this._xhrRequestBody,
+              this.responseText
+            );
+          } catch {
+          }
+        });
+        super.send(body);
+      }
+    };
+  }
+  uninstallXhr() {
+    if (!this.originalXHR) return;
+    window.XMLHttpRequest = this.originalXHR;
+    this.originalXHR = null;
+  }
+  async handleFetchInterception(input, init, responseClone) {
+    const method = resolveMethod(input, init);
+    if (!INTERCEPTED_METHODS.includes(method)) return;
+    const url = resolveUrl(input);
+    const alias = generateAlias(method, url);
+    this.recording.registerInterceptor(method, url, alias);
+    const extendedHttp = this.isExtendedHttpEnabled();
+    const 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);
+    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
+var SCROLLBAR_STYLES = `
+.swal2-popup::-webkit-scrollbar,
+.swal2-html-container::-webkit-scrollbar,
+.swal2-content::-webkit-scrollbar,
+.swal2-container::-webkit-scrollbar {
+  width: 5px;
+  height: 5px;
+  background: transparent;
+}
+.swal2-popup::-webkit-scrollbar-thumb,
+.swal2-html-container::-webkit-scrollbar-thumb,
+.swal2-content::-webkit-scrollbar-thumb,
+.swal2-container::-webkit-scrollbar-thumb {
+  background: #30363d;
+  border-radius: 3px;
+}
+.swal2-popup::-webkit-scrollbar-thumb:hover,
+.swal2-html-container::-webkit-scrollbar-thumb:hover,
+.swal2-content::-webkit-scrollbar-thumb:hover {
+  background: #484f58;
+}
+.swal2-popup::-webkit-scrollbar-track,
+.swal2-html-container::-webkit-scrollbar-track,
+.swal2-content::-webkit-scrollbar-track,
+.swal2-container::-webkit-scrollbar-track {
+  background: transparent;
+}
+.swal2-popup, .swal2-html-container, .swal2-content, .swal2-container {
+  scrollbar-width: thin;
+  scrollbar-color: #30363d transparent;
+}
+`;
+var LIB_E2E_CYPRESS_FOR_DUMMYS_SWAL2_STYLES = `
+.swal2-container, .swal2-popup {
+  z-index: 99999 !important;
+}
+.swal2-container {
+  padding: 0 !important;
+  align-items: center !important;
+  justify-content: center !important;
+}
+.swal2-popup {
+  background: #161b22 !important;
+  color: #e6edf3 !important;
+  border-radius: 12px !important;
+  box-shadow: 0 24px 64px rgba(0,0,0,0.72), 0 0 0 1px #30363d !important;
+  border: none !important;
+  padding: 0 !important;
+  min-width: 400px;
+  max-width: 90vw;
+  min-height: 200px;
+  max-height: 90vh;
+}
+/* Override SweetAlert2 v11's display:grid on .swal2-popup.swal2-modal */
+.swal2-popup.swal2-modal {
+  display: flex !important;
+  flex-direction: column !important;
+  align-items: stretch !important;
+  overflow: hidden !important;
+}
+.swal2-header {
+  flex-shrink: 0 !important;
+  flex-grow: 0 !important;
+  overflow: hidden !important;
+}
+.swal2-title {
+  color: #e6edf3 !important;
+  font-weight: 600 !important;
+  font-size: 14px !important;
+  background: #161b22;
+  padding: 14px 48px 13px 18px !important;
+  margin: 0 !important;
+  border-bottom: 1px solid #21262d;
+  text-align: left !important;
+  letter-spacing: 0.1px;
+  white-space: nowrap !important;
+  overflow: hidden !important;
+  text-overflow: ellipsis !important;
+}
+.swal2-close {
+  position: absolute !important;
+  top: 10px !important;
+  right: 12px !important;
+  color: #8b949e !important;
+  font-size: 1.1rem !important;
+  z-index: 1 !important;
+  border-radius: 6px !important;
+  width: 28px !important;
+  height: 28px !important;
+  line-height: 28px !important;
+  transition: background 0.15s, color 0.15s !important;
+}
+.swal2-close:hover {
+  background: #21262d !important;
+  color: #e6edf3 !important;
+}
+/* In SweetAlert2 v11, .swal2-html-container is a direct child of .swal2-popup */
+.swal2-html-container {
+  flex: 1 !important;
+  min-height: 0 !important;
+  background: #161b22;
+  padding: 0 !important;
+  margin: 0 !important;
+  width: 100%;
+  display: flex !important;
+  flex-direction: column !important;
+  align-items: stretch;
+  box-sizing: border-box;
+  overflow: hidden !important;
+}
+/* The single wrapper div we inject inside each modal fills the container */
+.swal2-html-container > div {
+  flex: 1 !important;
+  min-height: 0 !important;
+  display: flex !important;
+  flex-direction: column !important;
+  overflow: hidden !important;
+}
+.swal2-actions, .swal2-footer {
+  flex-shrink: 0 !important;
+  flex-grow: 0 !important;
+}
+`;
+function injectStyles(css, id) {
+  if (document.getElementById(id)) return;
+  const style = document.createElement("style");
+  style.id = id;
+  style.innerHTML = css;
+  document.head.appendChild(style);
+}
+
+// src/utils/modal.utils.ts
+function makeModalResizable(modal, options) {
+  if (!modal || modal.querySelector(".modal-resizer")) return () => {
+  };
+  const rect = modal.getBoundingClientRect();
+  modal.style.position = "fixed";
+  modal.style.top = `${rect.top}px`;
+  modal.style.left = `${rect.left}px`;
+  modal.style.width = `${rect.width}px`;
+  modal.style.margin = "0";
+  modal.style.resize = "both";
+  modal.style.overflow = "hidden";
+  modal.style.minWidth = (options?.minWidth ?? 320) + "px";
+  modal.style.minHeight = (options?.minHeight ?? 180) + "px";
+  const resizer = document.createElement("div");
+  resizer.className = "modal-resizer";
+  resizer.style.position = "absolute";
+  resizer.style.width = "16px";
+  resizer.style.height = "16px";
+  resizer.style.right = "2px";
+  resizer.style.bottom = "2px";
+  resizer.style.cursor = "nwse-resize";
+  resizer.style.background = "rgba(0,0,0,0.1)";
+  resizer.style.zIndex = "10";
+  modal.appendChild(resizer);
+  let isResizing = false;
+  let lastX = 0;
+  let lastY = 0;
+  const mouseMove = (e) => {
+    if (!isResizing) return;
+    const dx = e.clientX - lastX;
+    const dy = e.clientY - lastY;
+    lastX = e.clientX;
+    lastY = e.clientY;
+    const rect2 = modal.getBoundingClientRect();
+    modal.style.width = rect2.width + dx + "px";
+    modal.style.height = rect2.height + dy + "px";
+  };
+  const mouseUp = () => {
+    isResizing = false;
+    document.body.style.userSelect = "";
+  };
+  resizer.addEventListener("mousedown", (e) => {
+    e.preventDefault();
+    isResizing = true;
+    lastX = e.clientX;
+    lastY = e.clientY;
+    document.body.style.userSelect = "none";
+  });
+  window.addEventListener("mousemove", mouseMove);
+  window.addEventListener("mouseup", mouseUp);
+  return () => {
+    window.removeEventListener("mousemove", mouseMove);
+    window.removeEventListener("mouseup", mouseUp);
+    if (resizer.parentNode) resizer.parentNode.removeChild(resizer);
+  };
+}
+function applyDraggable(swal, dragArea) {
+  let isDragging = false;
+  let offsetX = 0;
+  let offsetY = 0;
+  dragArea.style.cursor = "move";
+  dragArea.onmousedown = (e) => {
+    isDragging = true;
+    const rect = swal.getBoundingClientRect();
+    offsetX = e.clientX - rect.left;
+    offsetY = e.clientY - rect.top;
+    document.onmousemove = (ev) => {
+      if (isDragging) {
+        swal.style.position = "fixed";
+        swal.style.margin = "0";
+        swal.style.left = `${ev.clientX - offsetX}px`;
+        swal.style.top = `${ev.clientY - offsetY}px`;
+      }
+    };
+    document.onmouseup = () => {
+      isDragging = false;
+      document.onmousemove = null;
+      document.onmouseup = null;
+    };
+  };
+}
+function resolveDragArea(swal) {
+  return swal.querySelector(".swal2-header") ?? swal.querySelector(".swal2-title");
+}
+function makeSwalDraggable() {
+  const popups = document.querySelectorAll(".swal2-popup");
+  if (!popups.length) return;
+  const swal = popups[popups.length - 1];
+  const dragArea = resolveDragArea(swal);
+  if (!dragArea) return;
+  applyDraggable(swal, dragArea);
+}
+function makeSwalDraggableByContentId(contentId) {
+  const content = document.getElementById(contentId);
+  if (!content) {
+    makeSwalDraggable();
+    return;
+  }
+  const swal = content.closest(".swal2-popup") ?? document.querySelector(".swal2-popup");
+  if (!swal) return;
+  const dragArea = resolveDragArea(swal);
+  if (!dragArea) return;
+  applyDraggable(swal, dragArea);
+}
+function setSwal2DataCyAttribute(dataCy = "lib-e2e-cypress-for-dummys") {
+  document.querySelector(".swal2-container")?.setAttribute("data-cy", dataCy);
+  document.querySelector(".swal2-html-container")?.setAttribute("data-cy", dataCy);
+  document.querySelector(".swal2-title")?.setAttribute("data-cy", dataCy);
+}
+
+// src/utils/toast.utils.ts
+function showToast(message, isSuccess = true) {
+  const toast = document.createElement("div");
+  toast.textContent = message;
+  toast.style.position = "fixed";
+  toast.style.top = "30px";
+  toast.style.right = "30px";
+  toast.style.padding = "16px 24px";
+  toast.style.background = isSuccess ? "#4caf50" : "#f44336";
+  toast.style.color = "#fff";
+  toast.style.borderRadius = "8px";
+  toast.style.boxShadow = "0 2px 8px rgba(0,0,0,0.2)";
+  toast.style.zIndex = "9999";
+  toast.style.fontSize = "1rem";
+  toast.style.fontWeight = "bold";
+  toast.style.pointerEvents = "none";
+  document.body.appendChild(toast);
+  setTimeout(() => toast.remove(), 3e3);
+}
+
+// src/components/test-previsualizer/test-previsualizer.styles.ts
+var TEST_PREVISUALIZER_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; }
+  * { box-sizing: border-box; }
+  .toolbar {
+    display: flex; gap: 6px; padding: 10px 12px; flex-shrink: 0;
+    background: #161b22; border-bottom: 1px solid #21262d;
+  }
+  button {
+    padding: 5px 12px; border: none; border-radius: 6px; cursor: pointer;
+    font-size: 11px; font-weight: 500; background: #21262d; color: #8b949e;
+    transition: background 0.15s, color 0.12s; letter-spacing: 0.1px;
+  }
+  button:hover { background: #30363d; color: #e6edf3; }
+  button.active { background: #2f81f7; color: #fff; }
+  .section { padding: 10px 12px; flex-shrink: 0; }
+  .section.section-cmds { flex: 1; min-height: 0; display: flex; flex-direction: column; }
+  .section-title {
+    font-size: 10px; font-weight: 600; color: #484f58; text-transform: uppercase;
+    letter-spacing: 0.8px; margin-bottom: 7px; flex-shrink: 0;
+  }
+  .list {
+    overflow-y: auto; background: #0d1117;
+    border-radius: 8px; padding: 6px 8px;
+    border: 1px solid #21262d;
+    scrollbar-width: thin; scrollbar-color: #30363d transparent;
+  }
+  .section-cmds .list { flex: 1; min-height: 0; }
+  .list::-webkit-scrollbar { width: 4px; }
+  .list::-webkit-scrollbar-thumb { background: #30363d; border-radius: 2px; }
+  .item {
+    display: flex; align-items: flex-start; gap: 6px;
+    font-family: 'Cascadia Code', 'Fira Code', 'Consolas', monospace; font-size: 11px;
+    color: #c9d1d9; padding: 4px 8px; border-radius: 4px;
+    word-break: break-all; line-height: 1.65;
+    border-left: 2px solid transparent;
+    transition: background 0.1s, border-color 0.1s;
+  }
+  .item:hover { background: #161b22; border-left-color: #2f81f7; }
+  .cmd-text { flex: 1; }
+  .item-actions {
+    display: flex; gap: 3px; flex-shrink: 0;
+    opacity: 0; transition: opacity 0.15s;
+  }
+  .item:hover .item-actions { opacity: 1; }
+  .btn-step {
+    width: 20px; height: 20px; border: none; border-radius: 3px; cursor: pointer;
+    font-size: 12px; background: transparent; color: #484f58;
+    transition: background 0.12s, color 0.12s;
+    display: flex; align-items: center; justify-content: center;
+    padding: 0; line-height: 1;
+  }
+  .btn-step:hover { background: #30363d; color: #e6edf3; }
+  .btn-step-del:hover { background: rgba(248,81,73,0.15); color: #f85149; }
+  .empty { color: #484f58; font-size: 12px; padding: 20px 8px; text-align: center; }
+`;
+
+// src/components/test-previsualizer/test-previsualizer.template.ts
+function renderTestPrevisualizer(commands, interceptors, showInterceptors, editable, t) {
+  const editControls = (idx, total) => editable ? `
+    <span class="item-actions">
+      <button class="btn-step" data-move-up="${idx}" title="${t("TEST_PREVISUALIZER.UP_TITLE")}" ${idx === 0 ? 'disabled style="opacity:.3"' : ""}>\u2191</button>
+      <button class="btn-step" data-move-dn="${idx}" title="${t("TEST_PREVISUALIZER.DOWN_TITLE")}" ${idx === total - 1 ? 'disabled style="opacity:.3"' : ""}>\u2193</button>
+      <button class="btn-step btn-step-del" data-del="${idx}" title="${t("TEST_PREVISUALIZER.DEL_TITLE")}">\u2715</button>
+    </span>` : "";
+  const cmdItems = commands.length ? commands.map((c, i) => `
+        <div class="item">
+          <span class="cmd-text">${escHtml(c)}</span>
+          ${editControls(i, commands.length)}
+        </div>`).join("") : `<div class="empty">${t("TEST_PREVISUALIZER.NO_CMDS_YET")}</div>`;
+  const icpEditControls = (idx) => editable ? `<span class="item-actions"><button class="btn-step btn-step-del" data-del-icp="${idx}" title="${t("TEST_PREVISUALIZER.DEL_TITLE")}">\u2715</button></span>` : "";
+  const icpSection = showInterceptors ? `<div class="section" data-section="interceptors">
+        <div class="section-title">${t("TEST_PREVISUALIZER.INTERCEPTORS")}</div>
+        <div class="list">
+          ${interceptors.length ? interceptors.map((ic, idx) => `
+                  <div class="item">
+                    <span class="cmd-text">${escHtml(ic)}</span>
+                    ${icpEditControls(idx)}
+                  </div>`).join("") : `<div class="empty">${t("TEST_PREVISUALIZER.NO_ICP_SHORT")}</div>`}
+        </div>
+        <button style="margin-top:6px" data-action="copy-icp">${t("TEST_PREVISUALIZER.COPY_ICP_BTN")}</button>
+      </div>` : "";
+  return `
+    <div class="toolbar">
+      <button data-action="copy">${t("TEST_PREVISUALIZER.COPY_CMDS_BTN")}</button>
+      <button data-action="toggle-icp" class="${showInterceptors ? "active" : ""}">
+        ${showInterceptors ? t("TEST_PREVISUALIZER.HIDE_INTERCEPTORS") : t("TEST_PREVISUALIZER.SHOW_INTERCEPTORS")} (${interceptors.length})
+      </button>
+    </div>
+    <div class="section section-cmds">
+      <div class="section-title">${t("TEST_PREVISUALIZER.SECTION_COMMANDS")} (${commands.length})</div>
+      <div class="list" data-ref="cmds">${cmdItems}</div>
+    </div>
+    ${icpSection}`;
+}
+
+// src/components/test-previsualizer/test-previsualizer.ts
+var TestPrevisualizerElement = class extends HTMLElement {
+  shadow;
+  _commands = [];
+  _interceptors = [];
+  _showInterceptors = false;
+  editable = false;
+  translation = translationService;
+  constructor() {
+    super();
+    this.shadow = this.attachShadow({ mode: "open" });
+  }
+  connectedCallback() {
+    this.render();
+  }
+  get commands() {
+    return this._commands;
+  }
+  set commands(v) {
+    this._commands = v;
+    this.render();
+  }
+  get interceptors() {
+    return this._interceptors;
+  }
+  set interceptors(v) {
+    this._interceptors = v;
+    this.render();
+  }
+  get showInterceptors() {
+    return this._showInterceptors;
+  }
+  toggleInterceptors() {
+    this._showInterceptors = !this._showInterceptors;
+    this.render();
+  }
+  copyToClipboard() {
+    const text = this._commands.join("\n");
+    if (!text) return;
+    navigator.clipboard?.writeText(text);
+  }
+  copyInterceptorsToClipboard() {
+    const text = this._interceptors.join("\n");
+    if (!text) return;
+    navigator.clipboard?.writeText(text);
+  }
+  t(key) {
+    return this.translation.translate(key);
+  }
+  dispatchDelete(index) {
+    this.dispatchEvent(new CustomEvent("deletecommand", { detail: index, bubbles: true, composed: true }));
+  }
+  dispatchMove(from, to) {
+    this.dispatchEvent(new CustomEvent("movecommand", { detail: { from, to }, bubbles: true, composed: true }));
+  }
+  dispatchDeleteInterceptor(index) {
+    this.dispatchEvent(new CustomEvent("deleteinterceptor", { detail: index, bubbles: true, composed: true }));
+  }
+  render() {
+    this.shadow.innerHTML = `<style>${TEST_PREVISUALIZER_STYLES}</style>${renderTestPrevisualizer(
+      this._commands,
+      this._interceptors,
+      this._showInterceptors,
+      this.editable,
+      this.t.bind(this)
+    )}`;
+    const cmdsEl = this.shadow.querySelector('[data-ref="cmds"]');
+    if (cmdsEl) cmdsEl.scrollTop = cmdsEl.scrollHeight;
+    this.shadow.querySelector('[data-action="copy"]')?.addEventListener("click", () => this.copyToClipboard());
+    this.shadow.querySelector('[data-action="toggle-icp"]')?.addEventListener("click", () => this.toggleInterceptors());
+    this.shadow.querySelector('[data-action="copy-icp"]')?.addEventListener("click", () => this.copyInterceptorsToClipboard());
+    if (this.editable) {
+      this.shadow.querySelectorAll("[data-del]").forEach((btn) => {
+        btn.addEventListener("click", (e) => {
+          e.stopPropagation();
+          this.dispatchDelete(Number(btn.dataset["del"]));
+        });
+      });
+      this.shadow.querySelectorAll("[data-move-up]").forEach((btn) => {
+        btn.addEventListener("click", (e) => {
+          e.stopPropagation();
+          const idx = Number(btn.dataset["moveUp"]);
+          this.dispatchMove(idx, idx - 1);
+        });
+      });
+      this.shadow.querySelectorAll("[data-move-dn]").forEach((btn) => {
+        btn.addEventListener("click", (e) => {
+          e.stopPropagation();
+          const idx = Number(btn.dataset["moveDn"]);
+          this.dispatchMove(idx, idx + 1);
+        });
+      });
+      this.shadow.querySelectorAll("[data-del-icp]").forEach((btn) => {
+        btn.addEventListener("click", (e) => {
+          e.stopPropagation();
+          this.dispatchDeleteInterceptor(Number(btn.dataset["delIcp"]));
+        });
+      });
+    }
+  }
+};
+if (!customElements.get("test-previsualizer")) {
+  customElements.define("test-previsualizer", TestPrevisualizerElement);
+}
+
+// src/components/save-test/save-test.styles.ts
+var SAVE_TEST_STYLES = `
+  :host { display: block; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; color: #e6edf3; }
+  * { box-sizing: border-box; }
+  .container { padding: 24px 28px; text-align: center; }
+  p { margin: 0 0 20px; font-size: 14px; color: #8b949e; line-height: 1.5; }
+  .btn-row { display: flex; gap: 8px; justify-content: center; flex-wrap: wrap; margin-top: 16px; }
+  button {
+    padding: 7px 16px; border: 1px solid #30363d; border-radius: 6px; cursor: pointer;
+    font-size: 12px; font-weight: 500; transition: filter 0.15s, transform 0.1s;
+    letter-spacing: 0.1px;
+  }
+  button:hover { filter: brightness(1.1); }
+  button:active { transform: scale(0.97); }
+  .btn-primary { background: #2f81f7; color: #fff; }
+  .btn-success { background: #3fb950; color: #fff; }
+  .btn-danger  { background: transparent; color: #f85149; border: 1px solid rgba(248,81,73,0.5); }
+  .btn-danger:hover { background: rgba(248,81,73,0.08); filter: none; }
+  input[type="text"] {
+    width: 100%; padding: 10px 14px; border: 1px solid #30363d;
+    border-radius: 8px; background: #0d1117; color: #e6edf3;
+    font-size: 14px; outline: none; margin-bottom: 4px;
+    transition: border-color 0.15s, box-shadow 0.15s;
+  }
+  input[type="text"]:focus { border-color: #2f81f7; box-shadow: 0 0 0 3px rgba(47,129,247,0.15); }
+  input[type="text"]::placeholder { color: #484f58; }
+  .tag-label {
+    font-size: 11px; color: #484f58; text-align: left; margin-bottom: 5px; display: block;
+  }
+  .tag-input-row { display: flex; gap: 6px; margin-bottom: 8px; }
+  .tag-input-row input[type="text"] {
+    font-size: 12px; padding: 6px 10px; margin: 0;
+  }
+  .btn-tag-add {
+    padding: 6px 12px; font-size: 12px; background: #21262d; color: #8b949e;
+    border: 1px solid #30363d; border-radius: 6px; cursor: pointer;
+    transition: background 0.15s, color 0.12s; white-space: nowrap; flex-shrink: 0;
+  }
+  .btn-tag-add:hover { background: #30363d; color: #e6edf3; filter: none; }
+  .chips { display: flex; flex-wrap: wrap; gap: 5px; min-height: 24px; text-align: left; }
+  .chip {
+    display: inline-flex; align-items: center; gap: 5px;
+    background: rgba(47,129,247,0.15); color: #2f81f7;
+    border: 1px solid rgba(47,129,247,0.3); border-radius: 20px;
+    padding: 2px 10px 2px 10px; font-size: 11px; font-weight: 500;
+  }
+  .chip-del {
+    cursor: pointer; color: #8b949e; font-size: 12px; line-height: 1;
+    transition: color 0.12s; padding: 0; background: none; border: none;
+  }
+  .chip-del:hover { color: #f85149; filter: none; }
+`;
+
+// src/components/save-test/save-test.template.ts
+function renderSaveTestAsk(t) {
+  return `
+    <div class="container">
+      <p>${t("SAVE_TEST.ASK")}</p>
+      <div class="btn-row">
+        <button class="btn-primary" id="btn-yes">${t("SAVE_TEST.YES_CONTINUE")}</button>
+        <button class="btn-danger"  id="btn-no">${t("SAVE_TEST.NO_DISCARD")}</button>
+      </div>
+    </div>`;
+}
+function renderSaveTestDesc(description, tags, 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("");
+  return `
+    <div class="container">
+      <p>${t("SAVE_TEST.DESC_LABEL")} (<code>it()</code>):</p>
+      <input id="desc-input" type="text" placeholder="${t("SAVE_TEST.DESC_PLACEHOLDER")}"
+             value="${escAttr(description)}" autocomplete="off" />
+      <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>
+      <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>
+        <button class="btn-danger"  id="btn-cancel">${t("SAVE_TEST.CANCEL")}</button>
+      </div>
+    </div>`;
+}
+
+// src/components/save-test/save-test.ts
+var SaveTestElement = class extends HTMLElement {
+  shadow;
+  _step = "ask";
+  description = "";
+  tags = [];
+  translation = translationService;
+  constructor() {
+    super();
+    this.shadow = this.attachShadow({ mode: "open" });
+  }
+  connectedCallback() {
+    this.render();
+  }
+  get step() {
+    return this._step;
+  }
+  askSave() {
+    this._step = "desc";
+    this.render();
+  }
+  confirmSave() {
+    this.dispatch("savetest", { description: this.description.trim(), tags: [...this.tags] });
+  }
+  confirmSaveAndExport() {
+    this.dispatch("saveandexport", { description: this.description.trim(), tags: [...this.tags] });
+  }
+  cancel() {
+    this.dispatch("savetest", { description: null, tags: [] });
+  }
+  restartComponent() {
+    this._step = "ask";
+    this.description = "";
+    this.tags = [];
+    this.render();
+  }
+  addTag(tag) {
+    const t = tag.trim().replace(/[,;]/g, "");
+    if (t && !this.tags.includes(t)) {
+      this.tags = [...this.tags, t];
+      this.render();
+    }
+  }
+  removeTag(tag) {
+    this.tags = this.tags.filter((t) => t !== tag);
+    this.render();
+  }
+  t(key) {
+    return this.translation.translate(key);
+  }
+  dispatch(type, detail) {
+    this.dispatchEvent(new CustomEvent(type, { detail, bubbles: true, composed: true }));
+  }
+  render() {
+    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.tags, this.t.bind(this))}`;
+      const descInput = this.shadow.getElementById("desc-input");
+      const tagInput = this.shadow.getElementById("tag-input");
+      descInput.addEventListener("input", () => {
+        this.description = descInput.value;
+      });
+      const tryAddTag = () => {
+        this.addTag(tagInput.value);
+        tagInput.value = "";
+      };
+      this.shadow.getElementById("btn-add-tag")?.addEventListener("click", tryAddTag);
+      tagInput.addEventListener("keydown", (e) => {
+        if (e.key === "Enter" || e.key === ",") {
+          e.preventDefault();
+          tryAddTag();
+        }
+      });
+      this.shadow.querySelectorAll(".chip-del").forEach((btn) => {
+        btn.addEventListener("click", () => this.removeTag(btn.dataset["tag"] ?? ""));
+      });
+      this.shadow.getElementById("btn-confirm")?.addEventListener("click", () => this.confirmSave());
+      this.shadow.getElementById("btn-export")?.addEventListener("click", () => this.confirmSaveAndExport());
+      this.shadow.getElementById("btn-cancel")?.addEventListener("click", () => this.cancel());
+      setTimeout(() => descInput.focus(), 60);
+    }
+  }
+};
+if (!customElements.get("save-test")) {
+  customElements.define("save-test", SaveTestElement);
+}
+
+// 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; }
+  * { box-sizing: border-box; }
+  .toolbar {
+    display: flex; align-items: center; gap: 6px; padding: 8px 10px; flex-shrink: 0;
+    background: #161b22; border-bottom: 1px solid #21262d; flex-wrap: wrap;
+  }
+  .tag-filter { display: flex; gap: 5px; flex-wrap: wrap; flex: 1; }
+  .tag-chip {
+    padding: 2px 10px; border-radius: 20px; cursor: pointer; font-size: 11px; font-weight: 500;
+    border: 1px solid #30363d; background: #21262d; color: #8b949e;
+    transition: background 0.12s, color 0.12s, border-color 0.12s;
+  }
+  .tag-chip:hover { background: #30363d; color: #e6edf3; }
+  .tag-chip.active { background: rgba(47,129,247,0.2); color: #2f81f7; border-color: rgba(47,129,247,0.4); }
+  .btn-select {
+    padding: 4px 12px; border: 1px solid #30363d; border-radius: 6px; cursor: pointer;
+    font-size: 11px; font-weight: 500; background: #21262d; color: #8b949e;
+    transition: background 0.12s, color 0.12s; white-space: nowrap; flex-shrink: 0;
+  }
+  .btn-select:hover { background: #30363d; color: #e6edf3; }
+  .btn-select.active { background: rgba(47,129,247,0.15); color: #2f81f7; border-color: rgba(47,129,247,0.3); }
+  .describe-bar {
+    display: flex; align-items: center; gap: 8px; padding: 8px 10px;
+    background: rgba(47,129,247,0.06); border-bottom: 1px solid rgba(47,129,247,0.2);
+    flex-wrap: wrap;
+  }
+  .describe-bar input {
+    flex: 1; min-width: 150px; padding: 5px 10px; background: #0d1117;
+    border: 1px solid #30363d; border-radius: 6px; color: #e6edf3;
+    font-size: 12px; outline: none;
+  }
+  .describe-bar input:focus { border-color: #2f81f7; }
+  .btn-gen-describe {
+    padding: 5px 14px; border: 1px solid #2f81f7; border-radius: 6px; cursor: pointer;
+    font-size: 11px; font-weight: 500; background: rgba(47,129,247,0.15); color: #2f81f7;
+    transition: background 0.12s; white-space: nowrap; flex-shrink: 0;
+  }
+  .btn-gen-describe:hover { background: rgba(47,129,247,0.25); }
+  .selected-count { font-size: 11px; color: #8b949e; }
+  .describe-bar { flex-shrink: 0; }
+  .list { padding: 8px; flex: 1; min-height: 0; overflow-y: auto;
+          scrollbar-width: thin; scrollbar-color: #30363d transparent; }
+  .list::-webkit-scrollbar { width: 4px; }
+  .list::-webkit-scrollbar-thumb { background: #30363d; border-radius: 2px; }
+  .empty { color: #484f58; text-align: center; padding: 32px; font-size: 13px; }
+  .row {
+    background: #0d1117; border-radius: 8px; margin-bottom: 6px;
+    overflow: hidden; border: 1px solid #21262d;
+    transition: border-color 0.15s;
+  }
+  .row:hover { border-color: #30363d; }
+  .row.selected-row { border-color: rgba(47,129,247,0.5); }
+  .row-header {
+    display: flex; align-items: center; gap: 8px;
+    padding: 10px 12px; cursor: pointer; user-select: none;
+  }
+  .row-header:hover { background: rgba(48,54,61,0.3); }
+  .test-name { flex: 1; font-size: 13px; font-weight: 500; color: #e6edf3; }
+  .test-date { font-size: 10.5px; color: #484f58; margin-right: 4px; }
+  .test-tags { display: flex; gap: 4px; margin-right: 4px; }
+  .test-tag {
+    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);
+  }
+  .btn-icon {
+    padding: 3px 8px; border: none; border-radius: 6px; cursor: pointer;
+    font-size: 11px; background: #21262d; color: #8b949e;
+    transition: background 0.15s, color 0.12s;
+  }
+  .btn-icon:hover { background: #30363d; color: #e6edf3; }
+  .btn-del:hover  { background: rgba(248,81,73,0.15); color: #f85149; }
+  input[type="checkbox"] {
+    width: 14px; height: 14px; accent-color: #2f81f7; cursor: pointer; flex-shrink: 0;
+  }
+  .row-body {
+    background: #0d1117; padding: 10px 14px;
+    border-top: 1px solid #21262d;
+  }
+  .section-title { font-size: 10px; color: #484f58; text-transform: uppercase;
+                   letter-spacing: 0.8px; margin-bottom: 6px; font-weight: 600; }
+  .cmd-list { font-family: 'Cascadia Code', 'Fira Code', 'Consolas', monospace;
+              font-size: 11px; color: #c9d1d9; line-height: 1.8; }
+  .icp-list { font-family: 'Cascadia Code', 'Fira Code', 'Consolas', monospace;
+              font-size: 11px; color: #3fb950; line-height: 1.8; margin-top: 10px; }
+  .copy-row { display: flex; gap: 6px; margin-top: 10px; }
+`;
+
+// src/components/test-editor/test-editor.template.ts
+function renderTestEditor(state, t) {
+  const { tags, visible, selectedVisible, activeTag, selectMode, selectedIds, describeName, expandedIndex, interceptorsByTest } = 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>`;
+  const describeBarHtml = selectMode && selectedVisible.length > 0 ? `<div class="describe-bar">
+        <span class="selected-count">${selectedVisible.length} ${selectedVisible.length !== 1 ? t("TEST_EDITOR.SELECTED_PLURAL") : t("TEST_EDITOR.SELECTED_SINGULAR")}</span>
+        <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 rows = visible.map((test, i) => {
+    const expanded = expandedIndex === i;
+    const date = new Date(test.createdAt).toLocaleString("es-ES", { 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 body = expanded ? `
+      <div class="row-body">
+        <div class="section-title">${t("TEST_EDITOR.SECTION_COMMANDS")} (${(test.commands ?? []).length})</div>
+        <div class="cmd-list">${(test.commands ?? []).map(escHtml).join("<br>")}</div>
+        ${icps.length ? `<div class="icp-list">
+          <div class="section-title" style="margin-top:8px">${t("TEST_EDITOR.SECTION_INTERCEPTORS")}</div>
+          ${icps.map(escHtml).join("<br>")}
+        </div>` : ""}
+        <div class="copy-row">
+          <button class="btn-icon" data-action="copy-cmds" data-idx="${i}">${t("TEST_EDITOR.COPY_CMDS_BTN")}</button>
+          ${icps.length ? `<button class="btn-icon" data-action="copy-icps" data-idx="${i}">${t("TEST_EDITOR.COPY_ICPS_BTN")}</button>` : ""}
+        </div>
+      </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}
+          <span class="test-date">${date}</span>
+          <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>`;
+  }).join("");
+  return `
+    <div class="toolbar">
+      ${tagFilterHtml}
+      <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">
+      ${visible.length ? rows : `<div class="empty">${t("TEST_EDITOR.NO_TESTS")}</div>`}
+    </div>`;
+}
+
+// src/components/test-editor/test-editor.ts
+var TestEditorElement = class extends HTMLElement {
+  shadow;
+  persistence;
+  translation = translationService;
+  tests = [];
+  expandedIndex = null;
+  interceptorsByTest = {};
+  activeTag = null;
+  selectMode = false;
+  selectedIds = /* @__PURE__ */ new Set();
+  describeName = "";
+  constructor() {
+    super();
+    this.shadow = this.attachShadow({ mode: "open" });
+  }
+  connectedCallback() {
+    if (!this.persistence) this.persistence = new PersistenceService();
+    this.loadTests();
+  }
+  async loadTests() {
+    this.tests = await this.persistence.getAllTests();
+    this.render();
+  }
+  async deleteTest(id) {
+    await this.persistence.deleteTest(id);
+    this.selectedIds.delete(id);
+    await this.loadTests();
+  }
+  toggleExpand(index) {
+    this.expandedIndex = this.expandedIndex === index ? null : index;
+    if (this.expandedIndex !== null) {
+      const test = this.tests[this.expandedIndex];
+      if (test?.id && !this.interceptorsByTest[test.id]) {
+        this.interceptorsByTest[test.id] = Array.isArray(test.interceptors) ? test.interceptors : [];
+      }
+    }
+    this.render();
+  }
+  hasInterceptors(testId) {
+    return Array.isArray(this.interceptorsByTest[testId]) && this.interceptorsByTest[testId].length > 0;
+  }
+  toggleSelectMode() {
+    this.selectMode = !this.selectMode;
+    if (!this.selectMode) this.selectedIds.clear();
+    this.render();
+  }
+  toggleSelectTest(id) {
+    if (this.selectedIds.has(id)) this.selectedIds.delete(id);
+    else this.selectedIds.add(id);
+    this.render();
+  }
+  generateDescribe() {
+    const selected = this.tests.filter((t) => this.selectedIds.has(t.id));
+    if (!selected.length) return;
+    const name = this.describeName.trim() || this.t("TEST_EDITOR.DEFAULT_DESCRIBE");
+    const allInterceptors = [...new Set(
+      selected.flatMap((t) => this.interceptorsByTest[t.id] ?? t.interceptors ?? [])
+    )];
+    const beforeEach = allInterceptors.length ? `  beforeEach(() => {
+    // Auto-generated Cypress interceptors
+    ${allInterceptors.join("\n    ")}
+  });
+
+` : "";
+    const itBlocks = selected.map((t) => {
+      const cmds = (t.commands ?? []).map((c) => `    ${c}`).join("\n");
+      return `  it('${(t.name ?? "").replace(/'/g, "\\'")}', () => {
+${cmds}
+  });`;
+    }).join("\n\n");
+    const block = `describe('${name.replace(/'/g, "\\'")}', () => {
+${beforeEach}${itBlocks}
+});`;
+    navigator.clipboard?.writeText(block);
+  }
+  copyToClipboard(text) {
+    navigator.clipboard?.writeText(text);
+  }
+  get allTags() {
+    const tagSet = /* @__PURE__ */ new Set();
+    this.tests.forEach((t) => (t.tags ?? []).forEach((tag) => tagSet.add(tag)));
+    return [...tagSet].sort();
+  }
+  get visibleTests() {
+    const tag = this.activeTag;
+    if (!tag) return this.tests;
+    return this.tests.filter((t) => (t.tags ?? []).includes(tag));
+  }
+  t(key) {
+    return this.translation.translate(key);
+  }
+  render() {
+    const tags = this.allTags;
+    const visible = this.visibleTests;
+    const selectedVisible = visible.filter((t) => this.selectedIds.has(t.id));
+    this.shadow.innerHTML = `<style>${TEST_EDITOR_STYLES}</style>${renderTestEditor({
+      tags,
+      visible,
+      selectedVisible,
+      activeTag: this.activeTag,
+      selectMode: this.selectMode,
+      selectedIds: this.selectedIds,
+      describeName: this.describeName,
+      expandedIndex: this.expandedIndex,
+      interceptorsByTest: this.interceptorsByTest
+    }, this.t.bind(this))}`;
+    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"] ?? "";
+        if (!tag) return;
+        this.activeTag = this.activeTag === tag ? null : tag;
+        this.render();
+      });
+    });
+    const descInput = this.shadow.getElementById("describe-name");
+    if (descInput) {
+      descInput.addEventListener("input", () => {
+        this.describeName = descInput.value;
+      });
+    }
+    this.shadow.getElementById("btn-gen-describe")?.addEventListener("click", () => {
+      this.describeName = descInput?.value ?? this.describeName;
+      this.generateDescribe();
+    });
+    this.shadow.querySelectorAll("[data-select]").forEach((el) => {
+      el.addEventListener("click", (ev) => {
+        ev.stopPropagation();
+        this.toggleSelectTest(Number(el.dataset["select"]));
+      });
+    });
+    this.shadow.querySelectorAll('[data-action="expand"]').forEach((el) => {
+      el.addEventListener("click", () => {
+        if (this.selectMode) {
+          const row = visible[Number(el.dataset["idx"])];
+          if (row) this.toggleSelectTest(row.id);
+        } else {
+          this.toggleExpand(Number(el.dataset["idx"]));
+        }
+      });
+    });
+    this.shadow.querySelectorAll('[data-action="delete"]').forEach((el) => {
+      el.addEventListener("click", (ev) => {
+        ev.stopPropagation();
+        this.deleteTest(Number(el.dataset["id"]));
+      });
+    });
+    this.shadow.querySelectorAll('[data-action="copy-cmds"]').forEach((el) => {
+      el.addEventListener("click", (ev) => {
+        ev.stopPropagation();
+        const idx = Number(el.dataset["idx"]);
+        this.copyToClipboard((visible[idx]?.commands ?? []).join("\n"));
+      });
+    });
+    this.shadow.querySelectorAll('[data-action="copy-icps"]').forEach((el) => {
+      el.addEventListener("click", (ev) => {
+        ev.stopPropagation();
+        const idx = Number(el.dataset["idx"]);
+        const t = visible[idx];
+        this.copyToClipboard((this.interceptorsByTest[t?.id] ?? []).join("\n"));
+      });
+    });
+  }
+};
+if (!customElements.get("test-editor")) {
+  customElements.define("test-editor", TestEditorElement);
+}
+
+// src/components/configuration/configuration.styles.ts
+var CONFIGURATION_STYLES = `
+  :host { display: block; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; color: #e6edf3; }
+  * { 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 */
+  .cfg-grid {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    gap: 10px;
+    padding: 14px;
+  }
+
+  /* \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 {
+    background: #161b22;
+    border: 1px solid #21262d;
+    border-radius: 10px;
+    padding: 14px 16px;
+    transition: border-color 0.15s;
+  }
+  .card:hover { border-color: #30363d; }
+  .card-wide { grid-column: 1 / -1; }
+
+  /* \u2500\u2500 Card header \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-hd {
+    display: flex; align-items: center; gap: 7px;
+    font-size: 10px; font-weight: 700; text-transform: uppercase;
+    letter-spacing: 0.8px; color: #484f58; margin-bottom: 12px;
+  }
+  .card-hd-icon { font-size: 13px; }
+
+  /* \u2500\u2500 Language \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 */
+  .field-row { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
+  .field-label { font-size: 12px; color: #8b949e; }
+  select {
+    background: #0d1117; color: #e6edf3; border: 1px solid #30363d;
+    border-radius: 6px; padding: 6px 10px; font-size: 12px; outline: none;
+    cursor: pointer; transition: border-color 0.15s; flex-shrink: 0;
+  }
+  select:focus { border-color: #2f81f7; box-shadow: 0 0 0 3px rgba(47,129,247,0.12); }
+
+  /* \u2500\u2500 HTTP toggle \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 */
+  .check-row {
+    display: flex; align-items: flex-start; gap: 10px;
+    cursor: pointer; user-select: none;
+  }
+  input[type="checkbox"] { width: 15px; height: 15px; margin-top: 2px; cursor: pointer; accent-color: #2f81f7; flex-shrink: 0; }
+  .check-title { font-size: 12px; color: #c9d1d9; margin-bottom: 3px; }
+  .check-sub   { font-size: 10px; color: #484f58; line-height: 1.5; }
+
+  /* \u2500\u2500 Cypress folder \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 */
+  .fs-layout { display: flex; gap: 12px; align-items: flex-start; }
+  .fs-tree {
+    flex-shrink: 0;
+    margin: 0; padding: 8px 10px;
+    background: #0d1117; border: 1px solid #21262d; border-radius: 6px;
+    font-size: 10px; color: #c9d1d9; line-height: 1.8;
+    font-family: 'Cascadia Code','Fira Code','Consolas',monospace;
+  }
+  .fs-right { display: flex; flex-direction: column; gap: 10px; flex: 1; }
+  .fs-status {
+    display: flex; align-items: center; gap: 8px;
+    font-size: 12px; color: #8b949e;
+    background: #0d1117; border: 1px solid #21262d; border-radius: 6px;
+    padding: 8px 10px;
+  }
+  .fs-dot { width: 7px; height: 7px; border-radius: 50%; flex-shrink: 0; }
+  .fs-dot.on  { background: #3fb950; box-shadow: 0 0 6px rgba(63,185,80,.5); }
+  .fs-dot.off { background: #484f58; }
+  .fs-folder  { color: #e6edf3; font-family: 'Cascadia Code','Fira Code','Consolas',monospace; font-size: 11px; }
+
+  /* \u2500\u2500 Buttons \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 */
+  .btn-row { display: flex; gap: 8px; flex-wrap: wrap; }
+  button {
+    padding: 7px 14px; border: 1px solid #30363d; border-radius: 6px; cursor: pointer;
+    font-size: 12px; font-weight: 500; background: #21262d; color: #8b949e;
+    transition: background 0.15s, color 0.12s, border-color 0.15s;
+  }
+  button:hover { background: #30363d; color: #e6edf3; border-color: #484f58; }
+  .btn-import {
+    display: inline-block;
+    padding: 7px 14px; border: 1px solid #30363d; border-radius: 6px; cursor: pointer;
+    font-size: 12px; font-weight: 500; background: #21262d; color: #8b949e;
+    transition: background 0.15s, color 0.12s, border-color 0.15s;
+  }
+  .btn-import:hover { background: #30363d; color: #e6edf3; border-color: #484f58; }
+  .btn-danger { border-color: rgba(248,81,73,.4); color: #f85149; background: transparent; }
+  .btn-danger:hover { background: rgba(248,81,73,.08); border-color: #f85149; color: #f85149; }
+  .file-input { display: none; }
+
+  /* \u2500\u2500 Data section desc \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 */
+  .data-desc { font-size: 11px; color: #484f58; margin-bottom: 10px; line-height: 1.5; }
+`;
+
+// src/components/configuration/configuration.template.ts
+var LANGS = [
+  { value: "es", label: "Espa\xF1ol" },
+  { value: "en", label: "English" },
+  { value: "fr", label: "Fran\xE7ais" },
+  { value: "it", label: "Italiano" },
+  { value: "de", label: "Deutsch" }
+];
+function renderConfiguration(state, t) {
+  const { selectedLanguage, advancedHttpConfig, selectorStrategy, filesystemGranted, cypressFolderName, smartSelectorEnabled } = state;
+  const langOptions = LANGS.map(
+    (l) => `<option value="${l.value}" ${selectedLanguage === l.value ? "selected" : ""}>${l.label}</option>`
+  ).join("");
+  return `
+    <div class="cfg-grid">
+
+      <!-- Language -->
+      <div class="card">
+        <div class="card-hd">${t("CONFIG.LANG_SECTION")}</div>
+        <div class="field-row">
+          <span class="field-label">${t("CONFIG.LANG_FIELD")}</span>
+          <select id="lang-select">${langOptions}</select>
+        </div>
+      </div>
+
+      <!-- HTTP Advanced -->
+      <div class="card">
+        <div class="card-hd">${t("CONFIG.HTTP_SECTION")}</div>
+        <label class="check-row">
+          <input type="checkbox" id="http-toggle" ${advancedHttpConfig ? "checked" : ""} />
+          <div>
+            <div class="check-title">${t("CONFIG.HTTP_TITLE")}</div>
+            <div class="check-sub">${t("CONFIG.HTTP_SUB")}</div>
+          </div>
+        </label>
+      </div>
+
+      <!-- Smart Selector -->
+      <div class="card">
+        <div class="card-hd">${t("CONFIG.SMART_SELECTOR_SECTION")}</div>
+        <label class="check-row">
+          <input type="checkbox" id="smart-selector-toggle" ${smartSelectorEnabled ? "checked" : ""} />
+          <div>
+            <div class="check-title">${t("CONFIG.SMART_SELECTOR_TITLE")}</div>
+            <div class="check-sub">${t("CONFIG.SMART_SELECTOR_SUB")}</div>
+          </div>
+        </label>
+      </div>
+
+      <!-- Selector Strategy -->
+      <div class="card card-wide">
+        <div class="card-hd">${t("CONFIG.SELECTOR_SECTION")}</div>
+        <div class="field-row">
+          <span class="field-label">${t("CONFIG.SELECTOR_LABEL")}</span>
+          <select id="selector-strategy">
+            <option value="data-cy"     ${selectorStrategy === "data-cy" ? "selected" : ""}>${t("CONFIG.SELECTOR_OPT_DATACY")}</option>
+            <option value="data-testid" ${selectorStrategy === "data-testid" ? "selected" : ""}>${t("CONFIG.SELECTOR_OPT_TESTID")}</option>
+            <option value="aria-label"  ${selectorStrategy === "aria-label" ? "selected" : ""}>${t("CONFIG.SELECTOR_OPT_ARIA")}</option>
+            <option value="id"          ${selectorStrategy === "id" ? "selected" : ""}>${t("CONFIG.SELECTOR_OPT_ID")}</option>
+          </select>
+        </div>
+        <div class="check-sub" style="margin-top:8px">${t("CONFIG.SELECTOR_HINT")}</div>
+      </div>
+
+      <!-- Cypress Folder -->
+      <div class="card card-wide">
+        <div class="card-hd">${t("CONFIG.FOLDER_SECTION")}</div>
+        <div class="fs-layout">
+          <pre class="fs-tree">cypress/  <span style="color:#484f58">\u2190 selecciona</span>
+\u2514\u2500\u2500 e2e/
+    \u2514\u2500\u2500 *.cy.ts</pre>
+          <div class="fs-right">
+            <div class="fs-status">
+              <span class="fs-dot ${filesystemGranted ? "on" : "off"}"></span>
+              ${filesystemGranted && cypressFolderName ? `<span>${t("CONFIG.FOLDER_CONNECTED")}</span>&nbsp;<span class="fs-folder">\u{1F4C1} ${cypressFolderName}</span>` : `<span>${t("CONFIG.FOLDER_NOT_SET")}</span>`}
+            </div>
+            <div class="btn-row">
+              <button id="btn-change-folder">
+                ${filesystemGranted ? t("CONFIG.FOLDER_CHANGE_BTN") : t("CONFIG.FOLDER_SELECT_BTN")}
+              </button>
+              ${filesystemGranted ? `<button id="btn-revoke" class="btn-danger">${t("CONFIG.FOLDER_REVOKE_BTN")}</button>` : ""}
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <!-- Data -->
+      <div class="card card-wide">
+        <div class="card-hd">${t("CONFIG.DATA_SECTION")}</div>
+        <p class="data-desc">${t("CONFIG.DATA_DESC")}</p>
+        <div class="btn-row">
+          <button id="btn-export">${t("CONFIG.EXPORT_BTN")}</button>
+          <label style="cursor:pointer;margin:0">
+            <span class="btn-import">${t("CONFIG.IMPORT_BTN")}</span>
+            <input type="file" class="file-input" id="file-input" accept=".json" />
+          </label>
+        </div>
+      </div>
+
+    </div>`;
+}
+
+// src/components/configuration/configuration.ts
+var ConfigurationElement = class extends HTMLElement {
+  shadow;
+  persistence;
+  translation;
+  selectedLanguage = "es";
+  advancedHttpConfig = false;
+  selectorStrategy = "data-cy";
+  smartSelectorEnabled = true;
+  filesystemGranted = false;
+  cypressFolderName = null;
+  constructor() {
+    super();
+    this.shadow = this.attachShadow({ mode: "open" });
+    this.advancedHttpConfig = localStorage.getItem("extendedHttpCommands") === "true";
+  }
+  connectedCallback() {
+    if (!this.persistence) this.persistence = new PersistenceService();
+    if (!this.translation) this.translation = new TranslationService();
+    this.loadConfig();
+    this.render();
+  }
+  t(key) {
+    return this.translation.translate(key);
+  }
+  async loadConfig() {
+    const config = await this.persistence.getGeneralConfig();
+    if (config?.["language"]) {
+      this.selectedLanguage = config["language"];
+      this.translation.setLang(this.selectedLanguage);
+    }
+    this.advancedHttpConfig = localStorage.getItem("extendedHttpCommands") === "true";
+    this.selectorStrategy = config?.["selectorStrategy"] ?? "data-cy";
+    this.smartSelectorEnabled = config?.["smartSelectorEnabled"] !== "false";
+    this.filesystemGranted = config?.["allowReadWriteFiles"] === "true";
+    const handle = config?.["cypressDirectoryHandle"];
+    this.cypressFolderName = handle?.name ?? null;
+    this.render();
+  }
+  async onLanguageChange(lang) {
+    this.selectedLanguage = lang;
+    this.translation.setLang(lang);
+    await this.persistence.setConfig({ language: lang });
+    this.render();
+  }
+  onAdvancedHttpConfigChange(checked) {
+    this.advancedHttpConfig = checked;
+    localStorage.setItem("extendedHttpCommands", checked ? "true" : "false");
+    this.persistence.setConfig({ extendedHttpCommands: checked ? "true" : "false" });
+    this.render();
+  }
+  async onSmartSelectorChange(enabled) {
+    this.smartSelectorEnabled = enabled;
+    await this.persistence.setConfig({ smartSelectorEnabled: enabled ? "true" : "false" });
+    this.dispatchEvent(new CustomEvent("smartselectorchange", { detail: enabled, bubbles: true, composed: true }));
+    this.render();
+  }
+  async onSelectorStrategyChange(strategy) {
+    this.selectorStrategy = strategy;
+    await this.persistence.setConfig({ selectorStrategy: strategy });
+    this.dispatchEvent(new CustomEvent("selectorstrategychange", { detail: strategy, bubbles: true, composed: true }));
+    this.render();
+  }
+  async changeFolder() {
+    try {
+      await this.persistence.requestDirectoryPermissions();
+      await this.loadConfig();
+      showToast(this.t("CONFIG.FOLDER_UPDATED_TOAST"));
+    } catch (e) {
+      if (e?.name !== "AbortError") {
+        showToast(this.t("CONFIG.FOLDER_ERROR_TOAST"), false);
+      }
+    }
+  }
+  async revokeAccess() {
+    await this.persistence.setConfig({ allowReadWriteFiles: "false", cypressDirectoryHandle: null });
+    this.filesystemGranted = false;
+    this.cypressFolderName = null;
+    this.render();
+  }
+  async exportAllData() {
+    const tests = await this.persistence.getAllTests();
+    const blob = new Blob([JSON.stringify({ tests, interceptors: [] }, null, 2)], { type: "application/json" });
+    const url = URL.createObjectURL(blob);
+    const a = document.createElement("a");
+    a.href = url;
+    a.download = "e2e-cypress-export.json";
+    a.click();
+    URL.revokeObjectURL(url);
+  }
+  async importAllData(file) {
+    const text = await file.text();
+    let data;
+    try {
+      data = JSON.parse(text);
+    } catch {
+      throw new Error(this.t("CONFIG.JSON_INVALID"));
+    }
+    if (!data || !Array.isArray(data.tests) || !Array.isArray(data.interceptors)) {
+      throw new Error(this.t("CONFIG.JSON_BAD_FORMAT"));
+    }
+    await this.persistence.clearAllData();
+    await this.persistence.ingestFileData(data.tests, data.interceptors);
+  }
+  render() {
+    this.shadow.innerHTML = `<style>${CONFIGURATION_STYLES}</style>${renderConfiguration({
+      selectedLanguage: this.selectedLanguage,
+      advancedHttpConfig: this.advancedHttpConfig,
+      selectorStrategy: this.selectorStrategy,
+      filesystemGranted: this.filesystemGranted,
+      cypressFolderName: this.cypressFolderName,
+      smartSelectorEnabled: this.smartSelectorEnabled
+    }, this.t.bind(this))}`;
+    ;
+    this.shadow.getElementById("lang-select").addEventListener(
+      "change",
+      (e) => this.onLanguageChange(e.target.value)
+    );
+    this.shadow.getElementById("http-toggle").addEventListener(
+      "change",
+      (e) => this.onAdvancedHttpConfigChange(e.target.checked)
+    );
+    this.shadow.getElementById("smart-selector-toggle").addEventListener(
+      "change",
+      (e) => this.onSmartSelectorChange(e.target.checked)
+    );
+    this.shadow.getElementById("selector-strategy").addEventListener(
+      "change",
+      (e) => this.onSelectorStrategyChange(e.target.value)
+    );
+    this.shadow.getElementById("btn-change-folder")?.addEventListener("click", () => this.changeFolder());
+    this.shadow.getElementById("btn-revoke")?.addEventListener("click", () => this.revokeAccess());
+    this.shadow.getElementById("btn-export")?.addEventListener("click", () => this.exportAllData());
+    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"));
+      } catch (err) {
+        alert(err.message ?? this.t("CONFIG.IMPORT_ERROR"));
+      }
+      const target = e.target;
+      if (target) target.value = "";
+    });
+  }
+};
+if (!customElements.get("e2e-configuration")) {
+  customElements.define("e2e-configuration", ConfigurationElement);
+}
+
+// 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; }
+  * { box-sizing: border-box; }
+  .layout { display: flex; flex: 1; min-height: 0; }
+  .sidebar {
+    width: 220px; border-right: 1px solid #21262d; overflow-y: auto;
+    padding: 8px; background: #0d1117; flex-shrink: 0;
+    scrollbar-width: thin; scrollbar-color: #30363d transparent;
+  }
+  .sidebar::-webkit-scrollbar { width: 4px; }
+  .sidebar::-webkit-scrollbar-thumb { background: #30363d; border-radius: 2px; }
+  .main { flex: 1; display: flex; flex-direction: column; overflow: hidden; background: #161b22; }
+  .no-perm {
+    padding: 28px; color: #484f58; font-size: 13px; text-align: center;
+    display: flex; flex-direction: column; align-items: center; gap: 12px; line-height: 1.6;
+  }
+  .tree-item {
+    padding: 5px 8px; border-radius: 5px; cursor: pointer;
+    font-size: 12px; color: #8b949e; white-space: nowrap;
+    overflow: hidden; text-overflow: ellipsis;
+    transition: background 0.12s, color 0.12s;
+  }
+  .tree-item:hover { background: #161b22; color: #c9d1d9; }
+  .tree-item.selected { background: rgba(47,129,247,0.12); color: #2f81f7; }
+  .tree-item.dir { color: #e3b341; font-weight: 600; }
+  .content-area {
+    flex: 1; padding: 12px 14px; overflow-y: auto;
+    scrollbar-width: thin; scrollbar-color: #30363d transparent;
+  }
+  .content-area::-webkit-scrollbar { width: 4px; }
+  .content-area::-webkit-scrollbar-thumb { background: #30363d; border-radius: 2px; }
+  .file-name { font-size: 11px; color: #484f58; margin-bottom: 8px; font-family: monospace; }
+  pre {
+    background: #0d1117; padding: 12px; border-radius: 8px;
+    font-size: 11px; color: #c9d1d9; overflow-x: auto;
+    white-space: pre-wrap; word-break: break-all; margin: 0;
+    font-family: 'Cascadia Code', 'Fira Code', 'Consolas', monospace;
+    line-height: 1.7; overflow-y: auto;
+    border: 1px solid #21262d;
+  }
+  .footer {
+    padding: 10px 14px; border-top: 1px solid #21262d;
+    display: flex; gap: 8px; justify-content: flex-end; background: #161b22;
+  }
+  button {
+    padding: 6px 16px; border: 1px solid #30363d; border-radius: 6px; cursor: pointer;
+    font-size: 12px; font-weight: 500; background: #21262d; color: #8b949e;
+    transition: background 0.15s, color 0.12s;
+  }
+  button:hover { background: #30363d; color: #e6edf3; }
+  button:disabled { opacity: 0.35; cursor: default; }
+  .btn-save { background: #2f81f7; border-color: #2f81f7; color: #fff; }
+  .btn-save:hover { background: #1f6feb; border-color: #1f6feb; color: #fff; }
+  .btn-save:disabled { background: #21262d; border-color: #30363d; color: #8b949e; }
+  .placeholder { color: #484f58; font-size: 13px; padding: 28px; text-align: center; }
+  .block-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 4px; }
+  .btn-copy {
+    padding: 3px 10px; border: 1px solid #30363d; border-radius: 5px; cursor: pointer;
+    font-size: 10px; font-weight: 500; background: #21262d; color: #8b949e;
+    transition: background 0.12s, color 0.12s; white-space: nowrap; flex-shrink: 0;
+  }
+  .btn-copy:hover { background: #30363d; color: #e6edf3; }
+`;
+
+// src/components/advanced-test-editor/advanced-test-editor.template.ts
+function renderNoPermission(needsReauth, t) {
+  const reauthBtn = needsReauth ? `<button id="btn-reauth"
+         style="margin-top:14px;padding:7px 16px;border:none;border-radius:6px;cursor:pointer;
+                font-size:12px;font-weight:500;background:#2f81f7;color:#fff">
+         ${t("ADVANCED_EDITOR.REAUTH_BTN")}
+       </button>` : "";
+  return `
+    <div class="no-perm">
+      <div>${needsReauth ? t("ADVANCED_EDITOR.PERMISSION_EXPIRED") : t("ADVANCED_EDITOR.NO_ACCESS")}</div>
+      <div style="font-size:11px">${needsReauth ? t("ADVANCED_EDITOR.PERMISSION_EXPIRED_HINT") : t("ADVANCED_EDITOR.NO_ACCESS_HINT")}</div>
+      ${reauthBtn}
+    </div>`;
+}
+function renderAdvancedEditor(state, t) {
+  const { e2eTree, selectedFile, selectedFileContent, testItBlock, interceptorsBlock, saveButtonEnabled } = state;
+  const treeHtml = e2eTree.length ? renderTree(e2eTree, selectedFile) : `<div class="tree-item" style="color:#6c7a99">${t("ADVANCED_EDITOR.NO_FILES")}</div>`;
+  const contentHtml = selectedFileContent ? `<div class="file-name">\u{1F4C4} ${escHtml(selectedFile?.name ?? "")}</div>
+       <pre>${escHtml(selectedFileContent.slice(0, 4e3))}${selectedFileContent.length > 4e3 ? "\n..." : ""}</pre>` : `<div class="placeholder">${t("ADVANCED_EDITOR.SELECT_FILE")}</div>`;
+  const itHtml = testItBlock ? `<div style="margin-top:10px">
+         <div class="file-name block-header">
+           <span>${t("ADVANCED_EDITOR.IT_LABEL")}</span>
+           <button id="btn-copy-it" class="btn-copy">${t("ADVANCED_EDITOR.COPY_IT_BTN")}</button>
+         </div>
+         <pre style="max-height:120px;font-size:10.5px">${escHtml(testItBlock.slice(0, 500))}</pre>
+       </div>` : "";
+  const interceptorsHtml = interceptorsBlock ? `<div style="margin-top:10px">
+         <div class="file-name block-header">
+           <span>${t("ADVANCED_EDITOR.BEFORE_EACH_LABEL")}</span>
+           <button id="btn-copy-interceptors" class="btn-copy">${t("ADVANCED_EDITOR.COPY_ICP_BTN")}</button>
+         </div>
+         <pre style="max-height:120px;font-size:10.5px;color:#3fb950">${escHtml(interceptorsBlock.slice(0, 500))}</pre>
+       </div>` : "";
+  return `
+    <div class="layout">
+      <div class="sidebar">${treeHtml}</div>
+      <div class="main">
+        <div class="content-area">${contentHtml}${itHtml}${interceptorsHtml}</div>
+        <div class="footer">
+          <button id="btn-save" class="btn-save"
+            ${!saveButtonEnabled || !testItBlock ? "disabled" : ""}>
+            ${t("ADVANCED_EDITOR.INSERT_BTN")}
+          </button>
+          <button id="btn-edit" ${!saveButtonEnabled ? "disabled" : ""}>
+            ${t("ADVANCED_EDITOR.EDIT_MANUAL_BTN")}
+          </button>
+          <button id="btn-close">${t("ADVANCED_EDITOR.CLOSE_BTN")}</button>
+        </div>
+      </div>
+    </div>`;
+}
+function renderTree(nodes, selected, indent = 0) {
+  return nodes.map((n) => {
+    const isFile = n.kind === "file";
+    const isSel = selected === n || selected?.name === n.name;
+    const cls = `tree-item${isFile ? "" : " dir"}${isSel ? " selected" : ""}`;
+    const pad = `padding-left:${8 + indent * 14}px`;
+    if (!isFile && n.children?.length) {
+      return `<div class="${cls}" style="${pad}">\u{1F4C1} ${escHtml(n.name)}</div>
+              ${renderTree(n.children, selected, indent + 1)}`;
+    }
+    const data = JSON.stringify({ kind: n.kind, name: n.name }).replace(/"/g, "&quot;");
+    return `<div class="${cls}" style="${pad}" data-file="${data}">\u{1F4C4} ${escHtml(n.name)}</div>`;
+  }).join("");
+}
+async function findFileHandleRecursive(dir, name) {
+  for await (const entry of dir.values()) {
+    if (entry.kind === "file" && entry.name === name) return entry;
+    if (entry.kind === "directory") {
+      const found = await findFileHandleRecursive(entry, name);
+      if (found) return found;
+    }
+  }
+  return null;
+}
+
+// src/components/advanced-test-editor/advanced-test-editor.ts
+var AdvancedTestEditorElement = class extends HTMLElement {
+  shadow;
+  transformationService = new AdvancedTestTransformationService();
+  persistence;
+  translation;
+  testId;
+  e2eTree = [];
+  selectedFile = null;
+  saveButtonEnabled = false;
+  selectedFileHandle = null;
+  selectedFileContent = null;
+  testItBlock = "";
+  interceptorsBlock = "";
+  isPreviewMode = false;
+  previewFileName = null;
+  previewFileContent = null;
+  hasPermission = false;
+  needsReauth = false;
+  _dirHandle = null;
+  constructor() {
+    super();
+    this.shadow = this.attachShadow({ mode: "open" });
+  }
+  connectedCallback() {
+    if (!this.persistence) this.persistence = new PersistenceService();
+    if (!this.translation) this.translation = new TranslationService();
+    this.init();
+  }
+  t(key) {
+    return this.translation.translate(key);
+  }
+  async init() {
+    const config = await this.persistence.getGeneralConfig();
+    const allowed = config?.["allowReadWriteFiles"] === "true";
+    if (!allowed) {
+      this.hasPermission = false;
+      if (this.testId !== void 0) await this.loadCypressCommandsForTest(this.testId);
+      this.render();
+      return;
+    }
+    const handle = config?.["cypressDirectoryHandle"];
+    if (!handle) {
+      this.hasPermission = false;
+      if (this.testId !== void 0) await this.loadCypressCommandsForTest(this.testId);
+      this.render();
+      return;
+    }
+    const perm = await handle.queryPermission({ mode: "readwrite" });
+    this._dirHandle = handle;
+    this.hasPermission = perm === "granted";
+    this.needsReauth = perm === "prompt";
+    if (this.testId !== void 0) await this.loadCypressCommandsForTest(this.testId);
+    if (this.hasPermission) await this.getFoldersData();
+    this.render();
+  }
+  async getFoldersData() {
+    if (!this.hasPermission || !this._dirHandle) return;
+    try {
+      for await (const entry of this._dirHandle.values()) {
+        if (entry.kind === "directory" && entry.name === "e2e") {
+          const tree = await this.transformationService.scanDirectory(entry);
+          this.e2eTree = tree.children ?? [];
+          this.render();
+          return;
+        }
+      }
+    } catch {
+    }
+  }
+  async saveCommandsToFile() {
+    if (!this.selectedFileHandle || !this.selectedFileContent || !this.testItBlock) return;
+    let content = this.selectedFileContent;
+    if (this.interceptorsBlock) {
+      content = this.transformationService.insertBeforeEach(content, this.interceptorsBlock);
+    }
+    content = this.transformationService.insertItBlock(content, this.testItBlock);
+    if (!content) return;
+    const writable = await this.selectedFileHandle.createWritable();
+    await writable.write(content);
+    await writable.close();
+    this.dispatchEvent(new CustomEvent("closemodal", { bubbles: true, composed: true }));
+  }
+  async onFileClick(file) {
+    if (!this.transformationService.isFile(file)) return;
+    this.selectedFile = file;
+    this.saveButtonEnabled = true;
+    if (!this._dirHandle) return;
+    const handle = await findFileHandleRecursive(this._dirHandle, file.name);
+    if (!handle) return;
+    this.selectedFileHandle = handle;
+    const fileObj = await handle.getFile();
+    this.selectedFileContent = await fileObj.text();
+    this.render();
+  }
+  markFileAsSelected(file) {
+    this.selectedFile = file;
+  }
+  async loadCypressCommandsForTest(testId) {
+    const test = await this.persistence.getTestById(testId);
+    if (test) {
+      this.testItBlock = test.itBlock ?? "";
+      this.interceptorsBlock = test.interceptorsBlock ?? "";
+    } else {
+      this.testItBlock = "";
+      this.interceptorsBlock = "";
+    }
+    this.render();
+  }
+  copyToClipboard(text) {
+    navigator.clipboard?.writeText(text);
+  }
+  openEditManually() {
+    if (!this.selectedFileHandle || !this.selectedFileContent) return;
+    this.dispatchEvent(new CustomEvent("openfileeditor", {
+      detail: {
+        handle: this.selectedFileHandle,
+        content: this.selectedFileContent,
+        fileName: this.selectedFile?.name ?? "",
+        testId: this.testId,
+        itBlock: this.testItBlock,
+        interceptorsBlock: this.interceptorsBlock
+      },
+      bubbles: true,
+      composed: true
+    }));
+  }
+  closePreview() {
+    this.isPreviewMode = false;
+    this.previewFileName = null;
+    this.previewFileContent = null;
+    if (this.testId !== void 0) {
+      this.dispatchEvent(new CustomEvent("closemodal", { bubbles: true, composed: true }));
+    }
+    this.render();
+  }
+  render() {
+    if (!this.hasPermission) {
+      this.shadow.innerHTML = `<style>${ADVANCED_TEST_EDITOR_STYLES}</style>${renderNoPermission(this.needsReauth, this.t.bind(this))}`;
+      this.shadow.getElementById("btn-reauth")?.addEventListener("click", async () => {
+        if (!this._dirHandle) return;
+        const perm = await this._dirHandle.requestPermission({ mode: "readwrite" });
+        if (perm === "granted") {
+          this.hasPermission = true;
+          this.needsReauth = false;
+          await this.getFoldersData();
+          this.render();
+        }
+      });
+      return;
+    }
+    this.shadow.innerHTML = `<style>${ADVANCED_TEST_EDITOR_STYLES}</style>${renderAdvancedEditor({
+      e2eTree: this.e2eTree,
+      selectedFile: this.selectedFile,
+      selectedFileContent: this.selectedFileContent,
+      testItBlock: this.testItBlock,
+      interceptorsBlock: this.interceptorsBlock,
+      saveButtonEnabled: this.saveButtonEnabled
+    }, this.t.bind(this))}`;
+    this.shadow.querySelectorAll("[data-file]").forEach((el) => {
+      el.addEventListener("click", () => {
+        const data = el.dataset["file"];
+        if (data) this.onFileClick(JSON.parse(data));
+      });
+    });
+    this.shadow.getElementById("btn-save")?.addEventListener("click", () => this.saveCommandsToFile());
+    this.shadow.getElementById("btn-edit")?.addEventListener("click", () => this.openEditManually());
+    this.shadow.getElementById("btn-copy-it")?.addEventListener("click", () => this.copyToClipboard(this.testItBlock));
+    this.shadow.getElementById("btn-copy-interceptors")?.addEventListener("click", () => this.copyToClipboard(this.interceptorsBlock));
+    this.shadow.getElementById("btn-close")?.addEventListener("click", () => this.closePreview());
+  }
+};
+if (!customElements.get("advanced-test-editor")) {
+  customElements.define("advanced-test-editor", AdvancedTestEditorElement);
+}
+
+// src/components/file-preview/file-preview.styles.ts
+var FILE_PREVIEW_STYLES = `
+  :host { display: block; height: 100%; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; color: #e6edf3; }
+  * { box-sizing: border-box; }
+  .container { display: flex; flex-direction: column; height: 100%; }
+  .header {
+    display: flex; align-items: center; gap: 8px;
+    padding: 8px 12px; border-bottom: 1px solid #21262d;
+    background: #161b22;
+  }
+  .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; }
+  .editor {
+    flex: 1; min-width: 0; padding: 14px;
+    background: #0d1117; color: #c9d1d9; border: none; outline: none;
+    font-family: 'Cascadia Code', 'Fira Code', 'Consolas', monospace; font-size: 12px;
+    line-height: 1.7; resize: none;
+    scrollbar-width: thin; scrollbar-color: #30363d transparent;
+  }
+  .editor::-webkit-scrollbar { width: 5px; }
+  .editor::-webkit-scrollbar-thumb { background: #30363d; border-radius: 3px; }
+  .blocks-panel {
+    width: 260px; flex-shrink: 0; border-left: 1px solid #21262d;
+    background: #0d1117; padding: 10px 12px; overflow-y: auto;
+    display: flex; flex-direction: column; gap: 10px;
+    scrollbar-width: thin; scrollbar-color: #30363d transparent;
+  }
+  .blocks-panel::-webkit-scrollbar { width: 4px; }
+  .blocks-panel::-webkit-scrollbar-thumb { background: #30363d; border-radius: 2px; }
+  .block-section { display: flex; flex-direction: column; gap: 4px; }
+  .block-row { display: flex; align-items: center; justify-content: space-between; margin-bottom: 2px; }
+  .block-label { font-size: 10px; color: #484f58; text-transform: uppercase; letter-spacing: 0.6px; font-weight: 600; }
+  .btn-copy-sm {
+    padding: 2px 8px; border: 1px solid #30363d; border-radius: 4px; cursor: pointer;
+    font-size: 10px; font-weight: 500; background: #21262d; color: #8b949e;
+    transition: background 0.12s, color 0.12s; white-space: nowrap;
+  }
+  .btn-copy-sm:hover { background: #30363d; color: #e6edf3; }
+  .block-pre {
+    margin: 0; padding: 6px 8px; background: #161b22;
+    border-radius: 5px; border: 1px solid #21262d;
+    font-size: 10px; color: #c9d1d9; line-height: 1.6;
+    font-family: 'Cascadia Code', 'Fira Code', 'Consolas', monospace;
+    max-height: 280px; overflow-y: auto; white-space: pre-wrap; word-break: break-all;
+    scrollbar-width: thin; scrollbar-color: #30363d transparent;
+  }
+  .diff-panel {
+    flex: 1; overflow-y: auto; background: #0d1117; border-left: 1px solid #21262d;
+    padding: 8px 0; min-width: 0;
+    font-family: 'Cascadia Code', 'Fira Code', 'Consolas', monospace; font-size: 11px;
+    line-height: 1.6;
+    scrollbar-width: thin; scrollbar-color: #30363d transparent;
+  }
+  .diff-panel::-webkit-scrollbar { width: 5px; }
+  .diff-panel::-webkit-scrollbar-thumb { background: #30363d; border-radius: 3px; }
+  .diff-line {
+    display: flex; gap: 0; white-space: pre; padding: 0 12px;
+  }
+  .diff-line.added   { background: rgba(63,185,80,0.12); color: #3fb950; }
+  .diff-line.removed { background: rgba(248,81,73,0.1);  color: #f85149; }
+  .diff-line.same    { color: #484f58; }
+  .diff-sign { width: 14px; flex-shrink: 0; user-select: none; }
+  .diff-empty { color: #484f58; font-size: 12px; padding: 20px; text-align: center; }
+  .footer {
+    display: flex; gap: 8px; padding: 8px 12px;
+    border-top: 1px solid #21262d; justify-content: flex-end;
+    background: #161b22;
+  }
+  button {
+    padding: 6px 14px; border: 1px solid #30363d; border-radius: 6px; cursor: pointer;
+    font-size: 12px; font-weight: 500; background: #21262d; color: #8b949e;
+    transition: background 0.15s, color 0.12s;
+  }
+  button:hover { background: #30363d; color: #e6edf3; }
+  .btn-save { background: #3fb950; border-color: #3fb950; color: #fff; }
+  .btn-save:hover { background: #2ea043; border-color: #2ea043; }
+  .btn-launch { background: transparent; border-color: #e3b341; color: #e3b341; }
+  .btn-launch:hover { background: rgba(227,179,65,0.1); }
+  .btn-diff-active { background: rgba(47,129,247,0.15); border-color: rgba(47,129,247,0.4); color: #2f81f7; }
+`;
+
+// src/components/file-preview/file-preview.template.ts
+function computeDiff(original, modified) {
+  const MAX_LINES = 600;
+  const a = original.split("\n").slice(0, MAX_LINES);
+  const b = modified.split("\n").slice(0, MAX_LINES);
+  const m = a.length, n = b.length;
+  const dp = Array.from({ length: m + 1 }, () => new Array(n + 1).fill(0));
+  for (let i2 = 1; i2 <= m; i2++) {
+    for (let j2 = 1; j2 <= n; j2++) {
+      dp[i2][j2] = a[i2 - 1] === b[j2 - 1] ? dp[i2 - 1][j2 - 1] + 1 : Math.max(dp[i2 - 1][j2], dp[i2][j2 - 1]);
+    }
+  }
+  const result = [];
+  let i = m, j = n;
+  while (i > 0 || j > 0) {
+    if (i > 0 && j > 0 && a[i - 1] === b[j - 1]) {
+      result.unshift({ type: "same", line: a[i - 1] });
+      i--;
+      j--;
+    } else if (j > 0 && (i === 0 || dp[i][j - 1] >= dp[i - 1][j])) {
+      result.unshift({ type: "added", line: b[j - 1] });
+      j--;
+    } else {
+      result.unshift({ type: "removed", line: a[i - 1] });
+      i--;
+    }
+  }
+  return result;
+}
+function buildDiffHtml(original, current, t) {
+  if (original === current) return `<div class="diff-empty">${t("FILE_PREVIEW.NO_CHANGES")}</div>`;
+  const diff = computeDiff(original, current);
+  if (!diff.length) return `<div class="diff-empty">${t("FILE_PREVIEW.NO_CHANGES_SHORT")}</div>`;
+  const CONTEXT = 2;
+  const compressed = [];
+  let sameRun = 0;
+  for (let idx = 0; idx < diff.length; idx++) {
+    if (diff[idx].type === "same") {
+      sameRun++;
+      if (sameRun <= CONTEXT) compressed.push(diff[idx]);
+      else if (idx + 1 < diff.length && diff[idx + 1].type !== "same") {
+        if (sameRun > CONTEXT * 2) compressed.push({ type: "same", line: "\u2026" });
+        compressed.push(diff[idx]);
+      }
+    } else {
+      sameRun = 0;
+      compressed.push(diff[idx]);
+    }
+  }
+  return compressed.map(({ type, line }) => {
+    const sign = type === "added" ? "+" : type === "removed" ? "\u2212" : " ";
+    return `<div class="diff-line ${type}"><span class="diff-sign">${sign}</span><span>${escHtml(line)}</span></div>`;
+  }).join("");
+}
+function renderFilePreview(state, t) {
+  const { fileName, showDiff, fileContent, originalContent, currentContent, itBlock, interceptorsBlock, closeLabel } = state;
+  const blocksPanelHtml = itBlock || interceptorsBlock ? `
+    <div class="blocks-panel">
+      ${itBlock ? `
+      <div class="block-section">
+        <div class="block-row">
+          <span class="block-label">${t("FILE_PREVIEW.BLOCK_IT")}</span>
+          <button id="btn-copy-it" class="btn-copy-sm">${t("FILE_PREVIEW.COPY_BTN")}</button>
+        </div>
+        <pre class="block-pre">${escHtml(itBlock.slice(0, 2e3))}</pre>
+      </div>` : ""}
+      ${interceptorsBlock ? `
+      <div class="block-section">
+        <div class="block-row">
+          <span class="block-label">${t("FILE_PREVIEW.BLOCK_BEFORE_EACH")}</span>
+          <button id="btn-copy-icp" class="btn-copy-sm">${t("FILE_PREVIEW.COPY_BTN")}</button>
+        </div>
+        <pre class="block-pre" style="color:#3fb950">${escHtml(interceptorsBlock.slice(0, 2e3))}</pre>
+      </div>` : ""}
+    </div>` : "";
+  const hasChanges = originalContent !== null && originalContent !== (fileContent ?? "");
+  return `
+    <div class="container">
+      <div class="header">
+        <span class="file-name">\u{1F4C4} ${fileName ? escHtml(fileName) : t("FILE_PREVIEW.NO_FILE")}</span>
+        <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>` : `<textarea class="editor" id="editor" spellcheck="false">${escHtml(fileContent ?? "")}</textarea>`}
+        ${blocksPanelHtml}
+      </div>
+      <div class="footer">
+        <button id="btn-launch" class="btn-launch">${t("FILE_PREVIEW.LAUNCH_BTN")}</button>
+        ${hasChanges ? `<button id="btn-diff" class="${showDiff ? "btn-diff-active" : ""}">${t("FILE_PREVIEW.DIFF_BTN")}</button>` : ""}
+        <button id="btn-save" class="btn-save">${t("FILE_PREVIEW.SAVE_BTN")}</button>
+        <button id="btn-close">${escHtml(closeLabel || t("FILE_PREVIEW.CLOSE_BTN"))}</button>
+      </div>
+    </div>`;
+}
+
+// src/components/file-preview/file-preview.ts
+var FilePreviewElement = class extends HTMLElement {
+  shadow;
+  textarea = null;
+  fileName = null;
+  closeLabel = "";
+  translation = translationService;
+  itBlock = "";
+  interceptorsBlock = "";
+  commands = [];
+  interceptors = [];
+  _fileContent = null;
+  _originalContent = null;
+  _showDiff = false;
+  constructor() {
+    super();
+    this.shadow = this.attachShadow({ mode: "open" });
+  }
+  connectedCallback() {
+    if (!this.closeLabel) this.closeLabel = this.translation.translate("FILE_PREVIEW.CLOSE_BTN");
+    this.render();
+  }
+  t(key) {
+    return this.translation.translate(key);
+  }
+  get fileContent() {
+    return this._fileContent;
+  }
+  set fileContent(v) {
+    if (this._originalContent === null) this._originalContent = v;
+    this._fileContent = v;
+    if (this.textarea) this.textarea.value = v ?? "";
+    else this.render();
+  }
+  saveFile() {
+    const content = this.textarea?.value ?? this._fileContent ?? "";
+    this.dispatchEvent(new CustomEvent("save", { detail: content, bubbles: true, composed: true }));
+  }
+  onClose() {
+    this.dispatchEvent(new CustomEvent("close", { bubbles: true, composed: true }));
+  }
+  async launchTest(specPath) {
+    const path = specPath ?? (this.fileName ? `cypress/e2e/${this.fileName}` : "");
+    if (!path) return;
+    const response = await fetch("http://localhost:8123/run-test", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ specPath: path })
+    });
+    await response.json();
+  }
+  copyToClipboard(text) {
+    navigator.clipboard?.writeText(text);
+  }
+  toggleDiff() {
+    this._showDiff = !this._showDiff;
+    this.render();
+  }
+  render() {
+    this.shadow.innerHTML = `<style>${FILE_PREVIEW_STYLES}</style>${renderFilePreview({
+      fileName: this.fileName,
+      showDiff: this._showDiff,
+      fileContent: this._fileContent,
+      originalContent: this._originalContent,
+      currentContent: this.textarea?.value ?? this._fileContent ?? "",
+      itBlock: this.itBlock,
+      interceptorsBlock: this.interceptorsBlock,
+      closeLabel: this.closeLabel
+    }, this.t.bind(this))}`;
+    this.textarea = this.shadow.getElementById("editor");
+    if (this.textarea) {
+      const ta = this.textarea;
+      this.textarea.addEventListener("input", () => {
+        this._fileContent = ta.value;
+      });
+    }
+    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.textarea?.value ?? this._fileContent ?? "");
+    });
+    this.shadow.getElementById("btn-diff")?.addEventListener("click", () => this.toggleDiff());
+    this.shadow.getElementById("btn-copy-it")?.addEventListener("click", () => {
+      this.copyToClipboard(this.itBlock);
+    });
+    this.shadow.getElementById("btn-copy-icp")?.addEventListener("click", () => {
+      this.copyToClipboard(this.interceptorsBlock);
+    });
+  }
+};
+if (!customElements.get("file-preview")) {
+  customElements.define("file-preview", FilePreviewElement);
+}
+
+// src/components/lib-e2e-recorder/lib-e2e-recorder.ts
+import Swal from "sweetalert2";
+
+// src/components/lib-e2e-recorder/lib-e2e-recorder.styles.ts
+function getRecorderStyles(rec, paused) {
+  return `
+    :host { all: initial; }
+    *, *::before, *::after { box-sizing: border-box; }
+
+    /*
+     * Invisible 190\xD7190 hit area anchored at bottom-right.
+     * Keeps :hover alive while the cursor travels from the
+     * toggle to any of the radial action buttons.
+     */
+    .widget {
+      position: fixed;
+      bottom: 0;
+      right: 0;
+      width: 190px;
+      height: 190px;
+      z-index: 2147483647;
+      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
+    }
+
+    /* \u2500\u2500 Toggle \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 */
+    .btn-toggle {
+      position: absolute;
+      bottom: 24px;
+      right: 24px;
+      width: 44px;
+      height: 44px;
+      border-radius: 50%;
+      border: none;
+      cursor: pointer;
+      font-size: 19px;
+      background: ${rec ? "linear-gradient(135deg,#f85149 0%,#da3633 100%)" : "linear-gradient(135deg,#2f81f7 0%,#1f6feb 100%)"};
+      color: #fff;
+      box-shadow: ${rec ? "0 4px 20px rgba(248,81,73,.55),0 0 0 4px rgba(248,81,73,.13)" : "0 4px 20px rgba(47,129,247,.45),0 0 0 4px rgba(47,129,247,.11)"};
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      transition: transform .18s, box-shadow .2s;
+      z-index: 2;
+      ${rec ? "animation: toggle-pulse 2s ease-in-out infinite;" : ""}
+    }
+    .btn-toggle:hover  { transform: scale(1.1); }
+    .btn-toggle:active { transform: scale(0.93); }
+
+    @keyframes toggle-pulse {
+      0%,100% { box-shadow: 0 4px 20px rgba(248,81,73,.55),0 0 0 4px rgba(248,81,73,.13); }
+      50%      { box-shadow: 0 6px 28px rgba(248,81,73,.75),0 0 0 8px rgba(248,81,73,.06); }
+    }
+
+    /* \u2500\u2500 Pause 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-pause {
+      position: absolute;
+      bottom: 78px;
+      right: 24px;
+      width: 34px;
+      height: 34px;
+      border-radius: 50%;
+      border: none;
+      cursor: pointer;
+      font-size: 15px;
+      display: ${rec ? "flex" : "none"};
+      align-items: center;
+      justify-content: center;
+      background: ${paused ? "linear-gradient(135deg,#2f81f7 0%,#1f6feb 100%)" : "rgba(13,17,23,0.85)"};
+      color: ${paused ? "#fff" : "#e3b341"};
+      box-shadow: 0 2px 12px rgba(0,0,0,.4), 0 0 0 1px rgba(48,54,61,.8);
+      transition: transform .15s, background .2s, color .2s;
+      z-index: 2;
+    }
+    .btn-pause:hover { transform: scale(1.12); }
+    .btn-pause:active { transform: scale(0.93); }
+
+    /* \u2500\u2500 Action buttons \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 */
+    /*
+     * All three start centered on the toggle button
+     * (toggle center = bottom:46px right:46px from widget edge;
+     *  button half = 18px \u2192 bottom:28px right:28px).
+     */
+    .btn-action {
+      position: absolute;
+      bottom: 28px;
+      right: 28px;
+      width: 36px;
+      height: 36px;
+      border-radius: 50%;
+      border: none;
+      cursor: pointer;
+      font-size: 16px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      background: rgba(13,17,23,.92);
+      backdrop-filter: blur(14px);
+      -webkit-backdrop-filter: blur(14px);
+      color: #8b949e;
+      box-shadow: 0 4px 18px rgba(0,0,0,.45), 0 0 0 1px rgba(48,54,61,.75);
+      opacity: 0;
+      transform: scale(0.35);
+      pointer-events: none;
+      /* Collapse: fast, no spring */
+      transition: opacity .15s, transform .18s ease-in,
+                  background .15s, color .12s, box-shadow .15s;
+    }
+
+    /* Label to the left of each button */
+    .btn-action::after {
+      content: attr(data-label);
+      position: absolute;
+      right: calc(100% + 9px);
+      top: 50%;
+      transform: translateY(-50%);
+      background: rgba(13,17,23,.95);
+      color: #e6edf3;
+      font-size: 11px;
+      font-weight: 500;
+      padding: 3px 9px;
+      border-radius: 6px;
+      white-space: nowrap;
+      pointer-events: none;
+      opacity: 0;
+      transition: opacity .15s .05s;
+      border: 1px solid rgba(48,54,61,.8);
+      box-shadow: 0 2px 8px rgba(0,0,0,.35);
+    }
+    /* Button 1 (top) \u2014 label above instead of left to avoid overlap with btn 2 */
+    .btn-action[data-n="1"]::after {
+      right: auto;
+      left: 50%;
+      top: auto;
+      bottom: calc(100% + 9px);
+      transform: translateX(-50%);
+    }
+    .btn-action:hover::after   { opacity: 1; }
+    .btn-action:hover          { background: #21262d; color: #e6edf3; }
+    .btn-action:active         { background: #30363d !important; }
+
+    /* Expand: spring + stagger */
+    .widget:hover .btn-action {
+      opacity: 1;
+      pointer-events: all;
+      transition: opacity .2s, transform .32s cubic-bezier(.34,1.56,.64,1),
+                  background .15s, color .12s, box-shadow .15s;
+    }
+
+    /* Arc positions \u2014 4 buttons, 30\xB0 spacing, radius 90px */
+    .widget:hover .btn-action[data-n="1"] {   /* 0\xB0  \u2014 straight up   */
+      transform: translateY(-90px) scale(1);
+      transition-delay: .03s;
+    }
+    .widget:hover .btn-action[data-n="2"] {   /* 30\xB0 \u2014 upper-left    */
+      transform: translate(-45px,-78px) scale(1);
+      transition-delay: .07s;
+    }
+    .widget:hover .btn-action[data-n="3"] {   /* 60\xB0 \u2014 left-upper    */
+      transform: translate(-78px,-45px) scale(1);
+      transition-delay: .11s;
+    }
+    .widget:hover .btn-action[data-n="4"] {   /* 90\xB0 \u2014 straight left */
+      transform: translateX(-90px) scale(1);
+      transition-delay: .15s;
+    }
+    /* Button 4 (pure left) \u2014 label above to avoid going off-screen */
+    .btn-action[data-n="4"]::after {
+      right: auto;
+      left: 50%;
+      top: auto;
+      bottom: calc(100% + 9px);
+      transform: translateX(-50%);
+    }
+
+    /* \u2500\u2500 REC / PAUSED badge \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 */
+    .rec-badge {
+      position: fixed;
+      top: 14px;
+      left: 50%;
+      transform: translateX(-50%);
+      background: ${paused ? "linear-gradient(90deg,#e3b341,#d29922)" : "linear-gradient(90deg,#f85149,#da3633)"};
+      color: #fff;
+      padding: 3px 16px;
+      border-radius: 20px;
+      font-size: 10px;
+      font-weight: 700;
+      letter-spacing: 2px;
+      text-transform: uppercase;
+      z-index: 2147483647;
+      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
+      box-shadow: ${paused ? "0 4px 16px rgba(227,179,65,.4)" : "0 4px 16px rgba(248,81,73,.4)"};
+      display: ${rec ? "block" : "none"};
+      ${!paused ? "animation: rec-pulse 1.8s ease-in-out infinite;" : ""}
+    }
+    @keyframes rec-pulse {
+      0%,100% { opacity: 1; }
+      50%      { opacity: 0.6; }
+    }
+  `;
+}
+
+// src/components/lib-e2e-recorder/lib-e2e-recorder.template.ts
+function renderRecorderWidget(rec, paused, t) {
+  return `
+    <div class="widget">
+      <button class="btn-action" data-n="1" data-action="config"
+              data-label="${t("RECORDER.BTN_CONFIG")}">\u2699\uFE0F</button>
+      <button class="btn-action" data-n="2" data-action="browse"
+              data-label="${t("RECORDER.BTN_FILES")}">\u{1F4C1}</button>
+      <button class="btn-action" data-n="3" data-action="commands"
+              data-label="${t("RECORDER.BTN_COMMANDS")}">\u2328\uFE0F</button>
+      <button class="btn-action" data-n="4" data-action="tests"
+              data-label="${t("RECORDER.BTN_TESTS")}">\u{1F4CB}</button>
+      <button class="btn-pause" data-action="pause"
+              title="${paused ? t("RECORDER.RESUME_TITLE") : t("RECORDER.PAUSE_TITLE")}">
+        ${paused ? "\u25B6" : "\u23F8"}
+      </button>
+      <button class="btn-toggle" data-action="toggle"
+              title="${rec ? t("RECORDER.STOP_TITLE") : t("RECORDER.START_TITLE")}">
+        ${rec ? "\u23F9" : "\u23FA"}
+      </button>
+    </div>
+    <div class="rec-badge">${paused ? t("RECORDER.BADGE_PAUSED") : t("RECORDER.BADGE_REC")}</div>`;
+}
+
+// src/components/lib-e2e-recorder/lib-e2e-recorder.ts
+var LibE2eRecorderElement = class extends HTMLElement {
+  shadow;
+  keydownHandler;
+  recordingUnsub;
+  commandsUnsub;
+  interceptorsUnsub;
+  pauseUnsub;
+  selectorNotFoundUnsub;
+  controlFirstTimeData = true;
+  _previsualizerRef = null;
+  httpMonitor;
+  smartSelectorEnabled = true;
+  recording;
+  persistence;
+  translation;
+  isRecording = false;
+  isPaused = false;
+  cypressCommands = [];
+  interceptors = [];
+  isCommandsDialogOpen = false;
+  isSavedTestsDialogOpen = false;
+  isSaveTestDialogOpen = false;
+  isSettingsDialogOpen = false;
+  isAdvancedEditorDialogOpen = false;
+  constructor() {
+    super();
+    this.shadow = this.attachShadow({ mode: "open" });
+  }
+  connectedCallback() {
+    if (!this.getAttribute("data-cy")) {
+      this.setAttribute("data-cy", "lib-e2e-cypress-for-dummys");
+    }
+    if (!this.recording) this.recording = new RecordingService();
+    if (!this.persistence) this.persistence = new PersistenceService();
+    if (!this.translation) this.translation = new TranslationService();
+    this.httpMonitor = new HttpMonitor(this.recording);
+    this.httpMonitor.install();
+    injectStyles(LIB_E2E_CYPRESS_FOR_DUMMYS_SWAL2_STYLES, "lib-e2e-swal2-styles");
+    injectStyles(SCROLLBAR_STYLES, "lib-e2e-scrollbar-styles");
+    this.initHttpConfig();
+    this.initLanguage();
+    this.initFilesystemAccess();
+    this.initSelectorStrategy();
+    this.initSubscriptions();
+    this.render();
+    this.keydownHandler = (e) => this.handleKeyboardEvent(e);
+    window.addEventListener("keydown", this.keydownHandler);
+  }
+  disconnectedCallback() {
+    window.removeEventListener("keydown", this.keydownHandler);
+    this.recordingUnsub?.();
+    this.commandsUnsub?.();
+    this.interceptorsUnsub?.();
+    this.pauseUnsub?.();
+    this.selectorNotFoundUnsub?.();
+    this.httpMonitor?.uninstall();
+    this.recording.destroy();
+  }
+  async initHttpConfig() {
+    const config = await this.persistence.getConfig("extendedHttpCommands");
+    if (config === null) {
+      await this.persistence.setConfig({ extendedHttpCommands: "true" });
+      localStorage.setItem("extendedHttpCommands", "true");
+    } else {
+      localStorage.setItem("extendedHttpCommands", config["extendedHttpCommands"] ?? "true");
+    }
+  }
+  async initLanguage() {
+    const config = await this.persistence.getConfig("language");
+    const lang = config?.["language"];
+    this.translation.setLang(lang ?? this.translation.detectLang());
+  }
+  initSubscriptions() {
+    this.recordingUnsub = this.recording.onRecordingChange((val) => {
+      this.isRecording = val;
+      if (!val && !this.controlFirstTimeData) {
+        this.saveRecordingHistory();
+        this.showSaveTestDialog();
+      }
+      this.controlFirstTimeData = false;
+      this.render();
+    });
+    this.commandsUnsub = this.recording.onCommandsChange((cmds) => {
+      this.cypressCommands = cmds;
+      if (this._previsualizerRef) this._previsualizerRef.commands = cmds;
+    });
+    this.interceptorsUnsub = this.recording.onInterceptorsChange((icps) => {
+      this.interceptors = icps;
+      if (this._previsualizerRef) this._previsualizerRef.interceptors = icps;
+    });
+    this.pauseUnsub = this.recording.onPauseChange((paused) => {
+      this.isPaused = paused;
+      this.render();
+    });
+    this.selectorNotFoundUnsub = this.recording.onSelectorNotFound((target) => {
+      if (this.smartSelectorEnabled) this.showSelectorPicker(target);
+    });
+  }
+  showSelectorPicker(target) {
+    import("./selector-picker-VJOLGZ5H.js").then(() => {
+      const existing = document.querySelector("selector-picker");
+      if (existing) existing.remove();
+      const picker = document.createElement("selector-picker");
+      picker.targetElement = target;
+      picker.recording = this.recording;
+      picker.translation = this.translation;
+      document.body.appendChild(picker);
+    });
+  }
+  async initSelectorStrategy() {
+    const config = await this.persistence.getGeneralConfig();
+    const strategy = config?.["selectorStrategy"];
+    if (strategy) this.recording.selectorStrategy = strategy;
+    this.smartSelectorEnabled = config?.["smartSelectorEnabled"] !== "false";
+  }
+  toggle() {
+    this.recording.toggleRecording();
+  }
+  togglePause() {
+    this.recording.togglePause();
+  }
+  setLanguage(lang) {
+    const resolved = lang ? lang : this.translation.detectLang();
+    this.translation.setLang(resolved);
+  }
+  handleKeyboardEvent(event) {
+    if (!event.ctrlKey) return;
+    const key = event.key.toLowerCase();
+    if (key === "r") {
+      event.preventDefault();
+      this.toggle();
+    } else if (key === "p") {
+      event.preventDefault();
+      this.togglePause();
+    } else if (key === "1") {
+      event.preventDefault();
+      this.showSavedTestsDialog();
+    } else if (key === "2") {
+      event.preventDefault();
+      this.showCommandsDialog();
+    } else if (key === "3") {
+      event.preventDefault();
+      this.showSettingsDialog();
+    }
+  }
+  // ── recording history (task 5) ────────────────────────────────────────────
+  saveRecordingHistory() {
+    if (!this.cypressCommands.length) return;
+    try {
+      const existing = JSON.parse(localStorage.getItem("e2e-recording-history") ?? "[]");
+      existing.unshift({ commands: this.cypressCommands, interceptors: this.interceptors, savedAt: Date.now() });
+      if (existing.length > 5) existing.splice(5);
+      localStorage.setItem("e2e-recording-history", JSON.stringify(existing));
+    } catch {
+    }
+  }
+  recoverLastRecording() {
+    try {
+      const existing = JSON.parse(localStorage.getItem("e2e-recording-history") ?? "[]");
+      if (!existing.length) return;
+      const { commands, interceptors } = existing[0];
+      commands.forEach((cmd) => this.recording.appendCommand(cmd));
+      interceptors.forEach((_icp) => {
+      });
+    } catch {
+    }
+  }
+  clearRecordingHistory() {
+    localStorage.removeItem("e2e-recording-history");
+  }
+  getRecordingHistory() {
+    try {
+      return JSON.parse(localStorage.getItem("e2e-recording-history") ?? "[]");
+    } catch {
+      return [];
+    }
+  }
+  // ── filesystem setup ─────────────────────────────────────────────────────
+  async initFilesystemAccess() {
+    const config = await this.persistence.getGeneralConfig();
+    if (config && "allowReadWriteFiles" in config) return;
+    this.showFilesystemSetupDialog();
+  }
+  showFilesystemSetupDialog() {
+    Swal.fire({
+      title: this.translation.translate("RECORDER.FS_TITLE"),
+      html: '<div id="fs-setup-content"></div>',
+      showCloseButton: true,
+      showConfirmButton: false,
+      didOpen: () => {
+        makeSwalDraggable();
+        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");
+          Swal.close();
+        });
+        document.getElementById("fs-select")?.addEventListener("click", async () => {
+          try {
+            await this.persistence.requestDirectoryPermissions();
+            Swal.close();
+            showToast(this.translation.translate("RECORDER.FS_SUCCESS_TOAST"));
+          } catch (e) {
+            if (e?.name !== "AbortError") {
+              showToast(this.translation.translate("RECORDER.FS_ERROR_TOAST"), false);
+            }
+          }
+        });
+      }
+    });
+  }
+  // ── dialogs ──────────────────────────────────────────────────────────────
+  showCommandsDialog() {
+    this.toggleModal("isCommandsDialogOpen", () => {
+      Swal.fire({
+        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();
+          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 cmd = NO_VALUE_ASSERTIONS.has(type) || !val ? `cy.get('${sel}').should('${type}')` : `cy.get('${sel}').should('${type}', '${val}')`;
+            this.recording.appendCommand(cmd);
+            document.getElementById("assert-selector").value = "";
+            document.getElementById("assert-value").value = "";
+          });
+        },
+        willClose: () => {
+          this.isCommandsDialogOpen = false;
+          this._previsualizerRef = null;
+        }
+      });
+      this.resizePopup();
+    });
+  }
+  showSavedTestsDialog() {
+    this.toggleModal("isSavedTestsDialogOpen", () => {
+      Swal.fire({
+        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();
+    });
+  }
+  showSaveTestDialog() {
+    this.toggleModal("isSaveTestDialogOpen", () => {
+      Swal.fire({
+        title: this.translation.translate("MAIN_FRAME.DIALOG_SAVE"),
+        html: '<div id="save-test-modal-content" style="padding:0"></div>',
+        showCloseButton: true,
+        showConfirmButton: 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;
+          container.appendChild(child);
+          child.addEventListener("savetest", (e) => {
+            const { description, tags } = e.detail ?? {};
+            this.onSaveTest(description ?? null, tags ?? []);
+            Swal.close();
+          });
+          child.addEventListener("saveandexport", (e) => {
+            const { description, tags } = e.detail ?? {};
+            this.onSaveAndExportTest(description ?? null, tags ?? []);
+            Swal.close();
+          });
+        },
+        willClose: () => {
+          this.isSaveTestDialogOpen = false;
+        }
+      });
+    });
+  }
+  showSettingsDialog() {
+    this.toggleModal("isSettingsDialogOpen", () => {
+      Swal.fire({
+        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) => {
+            this.smartSelectorEnabled = e.detail;
+          });
+        },
+        willClose: () => {
+          this.isSettingsDialogOpen = false;
+        }
+      });
+      this.resizePopup();
+    });
+  }
+  showAdvancedEditorDialog(testId) {
+    this.toggleModal("isAdvancedEditorDialogOpen", () => {
+      Swal.fire({
+        title: this.translation.translate("MAIN_FRAME.SHOW_ADVANCED_EDITOR"),
+        html: '<div id="advanced-editor-modal-content" style="min-height:300px;padding:0"></div>',
+        showCloseButton: true,
+        showConfirmButton: false,
+        allowOutsideClick: false,
+        width: 780,
+        color: "#e6edf3",
+        didOpen: () => {
+          makeSwalDraggable();
+          setSwal2DataCyAttribute();
+          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", () => Swal.close());
+          child.addEventListener("openfileeditor", (e) => {
+            Swal.close();
+            setTimeout(() => this.showFileEditorDialog(
+              e.detail.handle,
+              e.detail.content,
+              e.detail.fileName,
+              e.detail.testId,
+              e.detail.itBlock,
+              e.detail.interceptorsBlock
+            ), 150);
+          });
+        },
+        willClose: () => {
+          this.isAdvancedEditorDialogOpen = false;
+        }
+      });
+      this.resizePopup();
+    });
+  }
+  showFileEditorDialog(handle, content, fileName, testId, itBlock = "", interceptorsBlock = "") {
+    Swal.fire({
+      title: this.translation.translate("RECORDER.FILE_EDITOR_TITLE"),
+      html: '<div id="file-editor-modal-content" style="padding:0;height:540px"></div>',
+      showCloseButton: false,
+      showConfirmButton: false,
+      allowOutsideClick: false,
+      width: 1100,
+      color: "#e6edf3",
+      didOpen: () => {
+        makeSwalDraggable();
+        setSwal2DataCyAttribute();
+        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;
+        container.appendChild(child);
+        child.addEventListener("close", () => {
+          Swal.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);
+          }
+          Swal.close();
+          setTimeout(() => this.showAdvancedEditorDialog(testId), 150);
+        });
+      }
+    });
+    this.resizePopup();
+  }
+  // ── save handlers ─────────────────────────────────────────────────────────
+  async onSaveTest(description, tags = []) {
+    if (description) {
+      await this.persistence.insertTest(description, this.cypressCommands, this.interceptors, tags);
+      this.recording.clearCommands();
+      this.clearRecordingHistory();
+      this.cypressCommands = [];
+      this.interceptors = [];
+    }
+  }
+  async onSaveAndExportTest(description, tags = []) {
+    if (description) {
+      const id = await this.persistence.insertTest(description, this.cypressCommands, this.interceptors, tags);
+      this.recording.clearCommands();
+      this.clearRecordingHistory();
+      this.cypressCommands = [];
+      this.interceptors = [];
+      setTimeout(() => this.showAdvancedEditorDialog(id), 300);
+    }
+  }
+  // ── helpers ───────────────────────────────────────────────────────────────
+  toggleModal(flag, openFn) {
+    if (this[flag]) {
+      Swal.close();
+      this[flag] = false;
+      return;
+    }
+    this[flag] = true;
+    openFn();
+  }
+  resizePopup() {
+    setTimeout(() => {
+      const popup = Swal.getPopup();
+      if (popup) makeModalResizable(popup, { minWidth: 400, minHeight: 200 });
+    }, 0);
+  }
+  render() {
+    const rec = this.isRecording;
+    const paused = this.isPaused;
+    this.shadow.innerHTML = `<style>${getRecorderStyles(rec, paused)}</style>${renderRecorderWidget(rec, paused, this.translation.translate.bind(this.translation))}`;
+    this.shadow.querySelector('[data-action="toggle"]')?.addEventListener("click", () => this.toggle());
+    this.shadow.querySelector('[data-action="pause"]')?.addEventListener("click", () => this.togglePause());
+    this.shadow.querySelector('[data-action="tests"]')?.addEventListener("click", () => this.showSavedTestsDialog());
+    this.shadow.querySelector('[data-action="commands"]')?.addEventListener("click", () => this.showCommandsDialog());
+    this.shadow.querySelector('[data-action="config"]')?.addEventListener("click", () => this.showSettingsDialog());
+    this.shadow.querySelector('[data-action="browse"]')?.addEventListener("click", () => this.showAdvancedEditorDialog());
+  }
+};
+if (!customElements.get("lib-e2e-recorder")) {
+  customElements.define("lib-e2e-recorder", LibE2eRecorderElement);
+}
+
+// src/index.ts
+var VERSION = "0.1.0";
+export {
+  AdvancedTestEditorElement,
+  AdvancedTestTransformationService,
+  ConfigurationElement,
+  DB_SCHEMA,
+  DB_STORE_NAMES,
+  FilePreviewElement,
+  HttpMonitor,
+  INPUT_TYPES,
+  LIB_E2E_CYPRESS_FOR_DUMMYS_SWAL2_STYLES,
+  LibE2eRecorderElement,
+  PersistenceService,
+  RecordingService,
+  SCROLLBAR_STYLES,
+  SUPPORTED_LANGS,
+  SaveTestElement,
+  Subject,
+  TestEditorElement,
+  TestPrevisualizerElement,
+  TransformationService,
+  TranslationService,
+  VERSION,
+  advancedTestTransformationService,
+  generateAlias,
+  injectStyles,
+  isLang,
+  makeModalResizable,
+  makeSwalDraggable,
+  makeSwalDraggableByContentId,
+  persistenceService,
+  setSwal2DataCyAttribute,
+  showToast,
+  transformationService,
+  translationService
+};
+//# sourceMappingURL=index.js.map