lib-e2e-cypress-for-dummys-ts 0.2.0 → 0.5.0

package/dist/index.cjs

@@ -61,6 +61,25 @@ function buildPickerSelector(el) {
   }
   return el.tagName.toLowerCase();
 }
+function keyAttrDisplay(el) {
+  for (const attr of ["data-cy", "data-testid", "aria-label"]) {
+    const v = el.getAttribute(attr);
+    if (v) return `${attr}="${v}"`;
+  }
+  if (el.id) return `id="${el.id}"`;
+  if (el.className && el.className.trim()) {
+    return el.className.trim().split(/\s+/).map((c) => `.${c}`).join("");
+  }
+  return "";
+}
+function describePickerRow(el) {
+  return {
+    quality: getSelectorQuality(el),
+    selector: buildPickerSelector(el),
+    tag: el.tagName.toLowerCase(),
+    attr: keyAttrDisplay(el)
+  };
+}
 var FORBIDDEN_ID_PREFIXES;
 var init_selector_quality_utils = __esm({
   "src/utils/selector-quality.utils.ts"() {
@@ -80,19 +99,6 @@ var init_selector_quality_utils = __esm({
   }
 });
 
-// src/utils/html.utils.ts
-function escHtml(s) {
-  return s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
-}
-function escAttr(s) {
-  return s.replace(/"/g, "&quot;").replace(/</g, "&lt;");
-}
-var init_html_utils = __esm({
-  "src/utils/html.utils.ts"() {
-    "use strict";
-  }
-});
-
 // src/components/selector-picker/selector-picker.styles.ts
 var SELECTOR_PICKER_STYLES;
 var init_selector_picker_styles = __esm({
@@ -234,42 +240,42 @@ var init_selector_picker_styles = __esm({
   }
 });
 
-// src/components/selector-picker/selector-picker.template.ts
-function keyAttrDisplay(el) {
-  for (const attr of ["data-cy", "data-testid", "aria-label"]) {
-    const v = el.getAttribute(attr);
-    if (v) return `${attr}="${escHtml(v)}"`;
-  }
-  if (el.id) return `id="${escHtml(el.id)}"`;
-  if (el.className && el.className.trim()) return escHtml(el.className.trim().split(/\s+/).map((c) => `.${c}`).join(""));
-  return "";
+// src/utils/html.utils.ts
+function escHtml(s) {
+  return s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+}
+function escAttr(s) {
+  return s.replace(/"/g, "&quot;").replace(/</g, "&lt;");
 }
-function renderPickerRows(ancestors, selectedIndex, t) {
-  return ancestors.map((el, i) => {
-    const quality = getSelectorQuality(el);
-    const selector = buildPickerSelector(el);
-    const tag = el.tagName.toLowerCase();
-    const attr = keyAttrDisplay(el);
+var init_html_utils = __esm({
+  "src/utils/html.utils.ts"() {
+    "use strict";
+  }
+});
+
+// src/components/selector-picker/selector-picker.template.ts
+function renderPickerRows(rows, selectedIndex, t) {
+  return rows.map((row, i) => {
     const isSelected = i === selectedIndex;
-    const isPoor = quality === "poor";
+    const isPoor = row.quality === "poor";
     return `
       <div class="row${isSelected ? " selected" : ""}" data-idx="${i}" role="option" aria-selected="${isSelected}">
-        <span class="quality-badge ${QUALITY_CLASS[quality]}" title="${escHtml(t(`SELECTOR_PICKER.QUALITY_${quality.toUpperCase()}`))}">
-          ${QUALITY_EMOJI[quality]}
+        <span class="quality-badge ${QUALITY_CLASS[row.quality]}" title="${escHtml(t(`SELECTOR_PICKER.QUALITY_${row.quality.toUpperCase()}`))}">
+          ${QUALITY_EMOJI[row.quality]}
         </span>
-        <span class="tag-name">&lt;${escHtml(tag)}&gt;</span>
-        ${attr ? `<span class="attr-value">${attr}</span>` : '<span class="attr-value"></span>'}
-        <span class="selector-preview">${escHtml(selector)}</span>
+        <span class="tag-name">&lt;${escHtml(row.tag)}&gt;</span>
+        ${row.attr ? `<span class="attr-value">${escHtml(row.attr)}</span>` : '<span class="attr-value"></span>'}
+        <span class="selector-preview">${escHtml(row.selector)}</span>
         ${isPoor ? `<span class="poor-warning" title="${escHtml(t("SELECTOR_PICKER.QUALITY_POOR"))}">\u26A0</span>` : ""}
       </div>`;
   }).join("");
 }
-function renderPicker(ancestors, selectedIndex, t) {
+function renderPicker(rows, selectedIndex, t) {
   return `
     <div class="overlay" role="listbox">
       <div class="header">${escHtml(t("SELECTOR_PICKER.TITLE"))}</div>
       <div class="list">
-        ${renderPickerRows(ancestors, selectedIndex, t)}
+        ${renderPickerRows(rows, selectedIndex, t)}
       </div>
       <div class="footer">
         <span class="hint"><kbd>\u2191\u2193</kbd> ${escHtml(t("SELECTOR_PICKER.PREVIEW_LABEL"))}</span>
@@ -282,7 +288,6 @@ var QUALITY_EMOJI, QUALITY_CLASS;
 var init_selector_picker_template = __esm({
   "src/components/selector-picker/selector-picker.template.ts"() {
     "use strict";
-    init_selector_quality_utils();
     init_html_utils();
     QUALITY_EMOJI = {
       excellent: "\u{1F7E2}",
@@ -319,6 +324,7 @@ var init_selector_picker = __esm({
       translation;
       shadow;
       ancestors = [];
+      rows = [];
       selectedIndex = 0;
       keyHandler = null;
       unsubRecording = null;
@@ -330,6 +336,7 @@ var init_selector_picker = __esm({
       connectedCallback() {
         this.setAttribute("data-cy", "lib-e2e-cypress-for-dummys");
         this.ancestors = this.buildAncestors();
+        this.rows = this.ancestors.map(describePickerRow);
         this.selectedIndex = this.findBestIndex();
         this.render();
         this.attachKeyListener();
@@ -359,8 +366,8 @@ var init_selector_picker = __esm({
         return chain;
       }
       findBestIndex() {
-        for (let i = 0; i < this.ancestors.length; i++) {
-          const q = getSelectorQuality(this.ancestors[i]);
+        for (let i = 0; i < this.rows.length; i++) {
+          const q = this.rows[i].quality;
           if (q === "excellent" || q === "good" || q === "acceptable") return i;
         }
         return 0;
@@ -368,7 +375,7 @@ var init_selector_picker = __esm({
       // ── Rendering ───────────────────────────────────────────────────────────────
       render() {
         this.shadow.innerHTML = `<style>${SELECTOR_PICKER_STYLES}</style>${renderPicker(
-          this.ancestors,
+          this.rows,
           this.selectedIndex,
           this.t.bind(this)
         )}`;
@@ -424,16 +431,15 @@ var init_selector_picker = __esm({
       }
       // ── Actions ─────────────────────────────────────────────────────────────────
       confirm(index) {
-        const el = this.ancestors[index];
-        if (!el) return;
-        const selector = buildPickerSelector(el);
-        const command = `cy.get('${selector}').click()`;
+        const row = this.rows[index];
+        if (!row) return;
+        const command = `cy.get('${row.selector}').click()`;
         this.recording.appendCommand(command);
-        this.dispatchEvent(new CustomEvent("selectorchosen", { detail: command, bubbles: true }));
+        this.dispatchEvent(new CustomEvent("selectorchosen", { detail: command, bubbles: true, composed: true }));
         this.closeSilently();
       }
       cancel() {
-        this.dispatchEvent(new CustomEvent("pickercancelled", { bubbles: true }));
+        this.dispatchEvent(new CustomEvent("pickercancelled", { bubbles: true, composed: true }));
         this.closeSilently();
       }
       closeSilently() {
@@ -454,21 +460,26 @@ var init_selector_picker = __esm({
 // src/index.ts
 var index_exports = {};
 __export(index_exports, {
+  ACTIVE_SESSION_BREADCRUMB_KEY: () => ACTIVE_SESSION_BREADCRUMB_KEY,
   AdvancedTestEditorElement: () => AdvancedTestEditorElement,
   AdvancedTestTransformationService: () => AdvancedTestTransformationService,
   ConfigurationElement: () => ConfigurationElement,
   DB_SCHEMA: () => DB_SCHEMA,
   DB_STORE_NAMES: () => DB_STORE_NAMES,
+  DEFAULT_RESUME_TTL_MINUTES: () => DEFAULT_RESUME_TTL_MINUTES,
   FilePreviewElement: () => FilePreviewElement,
   HttpMonitor: () => HttpMonitor,
   INPUT_TYPES: () => INPUT_TYPES,
   LIB_E2E_CYPRESS_FOR_DUMMYS_SWAL2_STYLES: () => LIB_E2E_CYPRESS_FOR_DUMMYS_SWAL2_STYLES,
+  LOCALE_BY_LANG: () => LOCALE_BY_LANG,
   LibE2eRecorderElement: () => LibE2eRecorderElement,
   PersistenceService: () => PersistenceService,
+  RESUME_TTL_CONFIG_KEY: () => RESUME_TTL_CONFIG_KEY,
   RecordingService: () => RecordingService,
   SCROLLBAR_STYLES: () => SCROLLBAR_STYLES,
   SUPPORTED_LANGS: () => SUPPORTED_LANGS,
   SaveTestElement: () => SaveTestElement,
+  SelectorPickerElement: () => SelectorPickerElement,
   Subject: () => Subject,
   TestEditorElement: () => TestEditorElement,
   TestPrevisualizerElement: () => TestPrevisualizerElement,
@@ -479,10 +490,13 @@ __export(index_exports, {
   generateAlias: () => generateAlias,
   injectStyles: () => injectStyles,
   isLang: () => isLang,
+  isLocalHost: () => isLocalHost,
+  localeForLang: () => localeForLang,
   makeModalResizable: () => makeModalResizable,
   makeSwalDraggable: () => makeSwalDraggable,
   makeSwalDraggableByContentId: () => makeSwalDraggableByContentId,
   persistenceService: () => persistenceService,
+  selectTestsForExport: () => selectTestsForExport,
   setSwal2DataCyAttribute: () => setSwal2DataCyAttribute,
   showToast: () => showToast,
   transformationService: () => transformationService,
@@ -495,6 +509,16 @@ var SUPPORTED_LANGS = ["es", "en", "fr", "it", "de"];
 function isLang(value) {
   return SUPPORTED_LANGS.includes(value);
 }
+var LOCALE_BY_LANG = {
+  es: "es-ES",
+  en: "en-GB",
+  fr: "fr-FR",
+  it: "it-IT",
+  de: "de-DE"
+};
+function localeForLang(lang) {
+  return isLang(lang) ? LOCALE_BY_LANG[lang] : "es-ES";
+}
 
 // src/models/input-types.model.ts
 var INPUT_TYPES = [
@@ -511,7 +535,7 @@ var INPUT_TYPES = [
 // src/models/db-schema.model.ts
 var DB_SCHEMA = {
   name: "E2ECypressDB",
-  version: 10,
+  version: 11,
   stores: [
     {
       name: "tests",
@@ -551,11 +575,45 @@ var DB_SCHEMA = {
         { name: "extendedHttpCommands", keyPath: "extendedHttpCommands", unique: false },
         { name: "allowReadWriteFiles", keyPath: "allowReadWriteFiles", unique: false }
       ]
+    },
+    {
+      // Single-record store (fixed key id=1) holding the live, in-progress
+      // recording session so it survives a micro-frontend crossing or reload.
+      // See docs/specs/006-cross-app-recording-continuity.md.
+      name: "activeSession",
+      keyPath: "id",
+      autoIncrement: false,
+      indexes: []
     }
   ]
 };
 var DB_STORE_NAMES = DB_SCHEMA.stores.map((s) => s.name);
 
+// src/models/active-session.model.ts
+var ACTIVE_SESSION_BREADCRUMB_KEY = "e2e-active-session";
+var RESUME_TTL_CONFIG_KEY = "resumeRecencyTtlMinutes";
+var DEFAULT_RESUME_TTL_MINUTES = 30;
+
+// 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/i18n/es.ts
 var I18N_ES = {
   MAIN_FRAME: {
@@ -578,7 +636,9 @@ var I18N_ES = {
     NO_TAGS: "Sin etiquetas",
     SAVE_BTN: "\u{1F4BE} Guardar",
     SAVE_AND_EDIT: "\u{1F4DD} Guardar y editar",
-    REMOVE_TAG_TITLE: "Quitar"
+    REMOVE_TAG_TITLE: "Quitar",
+    NOTES_LABEL: "Descripci\xF3n / Notas (opcional):",
+    NOTES_PLACEHOLDER: "Qu\xE9 valida este test, condiciones previas, etc."
   },
   TEST_EDITOR: {
     NO_TAGS: "Sin etiquetas",
@@ -588,8 +648,6 @@ var I18N_ES = {
     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",
@@ -618,6 +676,18 @@ var I18N_ES = {
     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",
+    EXPORT_DIALOG_TITLE: "\u2B06\uFE0F Exportar tests",
+    EXPORT_MODE_ALL: "Todo",
+    EXPORT_MODE_MANUAL: "Selecci\xF3n manual",
+    EXPORT_MODE_TAGS: "Por tags",
+    EXPORT_ALL_DESC: "Se exportar\xE1n todos los tests guardados.",
+    EXPORT_COUNT: "A exportar:",
+    EXPORT_CONFIRM: "\u2B06\uFE0F Exportar",
+    EXPORT_CANCEL: "Cancelar",
+    EXPORT_EMPTY: "No hay tests para exportar.",
+    EXPORT_NO_TAGS: "No hay tags disponibles.",
+    EXPORT_TAGS_HINT: "Selecciona uno o m\xE1s tags para ver qu\xE9 pruebas se exportar\xE1n.",
+    EXPORT_RESULT_LABEL: "Pruebas que se exportar\xE1n:",
     IMPORT_BTN: "\u2B07\uFE0F Importar tests",
     FOLDER_UPDATED_TOAST: "\u2713 Carpeta de Cypress actualizada",
     FOLDER_ERROR_TOAST: "Error al acceder a la carpeta",
@@ -627,7 +697,13 @@ var I18N_ES = {
     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."
+    SMART_SELECTOR_SUB: "Muestra un picker al hacer click en elementos sin selector v\xE1lido.",
+    START_HIDDEN_SECTION: "\u{1F441} Visibilidad del widget",
+    START_HIDDEN_TITLE: "Iniciar oculto",
+    START_HIDDEN_SUB: "El widget arranca invisible. Usa Ctrl+Shift+E para mostrarlo u ocultarlo.",
+    RESUME_TTL_SECTION: "\u23F1 Continuidad de grabaci\xF3n",
+    RESUME_TTL_LABEL: "Reanudar sin preguntar (minutos)",
+    RESUME_TTL_HINT: "Si recargas o cambias de proyecto, una grabaci\xF3n activa se reanuda sin preguntar dentro de este margen. Pasado ese tiempo, te preguntar\xE1 si continuar o descartar."
   },
   SELECTOR_PICKER: {
     TITLE: "Selecciona un elemento del DOM",
@@ -668,8 +744,10 @@ var I18N_ES = {
     EDIT_MANUAL_BTN: "\u270F\uFE0F Editar manualmente",
     CLOSE_BTN: "\u2715 Cerrar",
     NEW_FILE_BTN: "+ Nuevo archivo",
+    NEW_FOLDER_BTN: "+ Nueva carpeta",
     REFRESH_BTN: "\u21BB Actualizar",
     NEW_FILE_PLACEHOLDER: "nombre-del-test",
+    NEW_FOLDER_PLACEHOLDER: "nombre-de-carpeta",
     NEW_FILE_CONFIRM: "Crear",
     NEW_FILE_CANCEL: "Cancelar"
   },
@@ -682,10 +760,19 @@ var I18N_ES = {
     NO_CHANGES: "Sin cambios respecto al original",
     NO_CHANGES_SHORT: "Sin cambios",
     LAUNCH_BTN: "\u25B6 Lanzar test",
+    LAUNCH_LOCAL_ONLY: "Mu\xE9velo a local para poder probar",
+    LAUNCH_RUNNING: "\u23F3 Ejecutando\u2026",
+    LAUNCH_PASSED: "\u2713 Prueba superada",
+    LAUNCH_FAILED: "\u2717 Prueba fallida",
+    LAUNCH_NO_RUNNER: "No se detect\xF3 el runner local (\xBFlo has arrancado?)",
     DIFF_BTN: "\u{1F4CA} Diff",
     SAVE_BTN: "\u{1F4BE} Guardar",
     CLOSE_BTN: "\u2715 Cerrar",
-    BACK_TO_EDITOR: "\u2190 Volver al editor"
+    BACK_TO_EDITOR: "\u2190 Volver al editor",
+    INSERT_BTN: "\u{1FA84} Insertar bloques",
+    INSERT_TITLE: "Insertar it() y beforeEach() en el contenido del editor",
+    INSERT_DONE: "Bloques insertados en el editor",
+    INSERT_ERROR: "No se encontr\xF3 un bloque describe() v\xE1lido en el archivo"
   },
   RECORDER: {
     FS_TITLE: "\u{1F4C1} Acceso a ficheros",
@@ -714,7 +801,12 @@ var I18N_ES = {
     BADGE_PAUSED: "\u23F8 PAUSA",
     BADGE_REC: "\u25CF REC",
     STOP_TITLE: "Detener (Ctrl+R)",
-    START_TITLE: "Grabar (Ctrl+R)"
+    START_TITLE: "Grabar (Ctrl+R)",
+    SESSION_RESUME_TITLE: "\u23FA Grabaci\xF3n en curso",
+    SESSION_RESUME_TEXT: "Hay una grabaci\xF3n activa sin terminar.",
+    SESSION_RESUME_COUNT: "comandos capturados",
+    SESSION_CONTINUE_BTN: "Continuar grabando",
+    SESSION_DISCARD_BTN: "Descartar"
   }
 };
 
@@ -740,7 +832,9 @@ var I18N_EN = {
     NO_TAGS: "No tags",
     SAVE_BTN: "\u{1F4BE} Save",
     SAVE_AND_EDIT: "\u{1F4DD} Save and edit",
-    REMOVE_TAG_TITLE: "Remove"
+    REMOVE_TAG_TITLE: "Remove",
+    NOTES_LABEL: "Description / Notes (optional):",
+    NOTES_PLACEHOLDER: "What this test validates, preconditions, etc."
   },
   TEST_EDITOR: {
     NO_TAGS: "No tags",
@@ -750,8 +844,6 @@ var I18N_EN = {
     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",
@@ -780,6 +872,18 @@ var I18N_EN = {
     DATA_SECTION: "\u{1F4BE} Data",
     DATA_DESC: "Export all your tests to JSON or import a backup.",
     EXPORT_BTN: "\u2B06\uFE0F Export tests",
+    EXPORT_DIALOG_TITLE: "\u2B06\uFE0F Export tests",
+    EXPORT_MODE_ALL: "All",
+    EXPORT_MODE_MANUAL: "Manual selection",
+    EXPORT_MODE_TAGS: "By tags",
+    EXPORT_ALL_DESC: "All saved tests will be exported.",
+    EXPORT_COUNT: "To export:",
+    EXPORT_CONFIRM: "\u2B06\uFE0F Export",
+    EXPORT_CANCEL: "Cancel",
+    EXPORT_EMPTY: "No tests to export.",
+    EXPORT_NO_TAGS: "No tags available.",
+    EXPORT_TAGS_HINT: "Select one or more tags to preview which tests will be exported.",
+    EXPORT_RESULT_LABEL: "Tests that will be exported:",
     IMPORT_BTN: "\u2B07\uFE0F Import tests",
     FOLDER_UPDATED_TOAST: "\u2713 Cypress folder updated",
     FOLDER_ERROR_TOAST: "Error accessing the folder",
@@ -789,7 +893,13 @@ var I18N_EN = {
     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."
+    SMART_SELECTOR_SUB: "Shows a picker when clicking elements with no valid selector.",
+    START_HIDDEN_SECTION: "\u{1F441} Widget visibility",
+    START_HIDDEN_TITLE: "Start hidden",
+    START_HIDDEN_SUB: "The widget starts invisible. Use Ctrl+Shift+E to show or hide it.",
+    RESUME_TTL_SECTION: "\u23F1 Recording continuity",
+    RESUME_TTL_LABEL: "Resume without asking (minutes)",
+    RESUME_TTL_HINT: "If you reload or switch projects, an active recording resumes without asking within this window. After that, you will be asked to continue or discard."
   },
   SELECTOR_PICKER: {
     TITLE: "Select a DOM element",
@@ -830,8 +940,10 @@ var I18N_EN = {
     EDIT_MANUAL_BTN: "\u270F\uFE0F Edit manually",
     CLOSE_BTN: "\u2715 Close",
     NEW_FILE_BTN: "+ New file",
+    NEW_FOLDER_BTN: "+ New folder",
     REFRESH_BTN: "\u21BB Refresh",
     NEW_FILE_PLACEHOLDER: "test-name",
+    NEW_FOLDER_PLACEHOLDER: "folder-name",
     NEW_FILE_CONFIRM: "Create",
     NEW_FILE_CANCEL: "Cancel"
   },
@@ -844,10 +956,19 @@ var I18N_EN = {
     NO_CHANGES: "No changes from original",
     NO_CHANGES_SHORT: "No changes",
     LAUNCH_BTN: "\u25B6 Run test",
+    LAUNCH_LOCAL_ONLY: "Move it to localhost to run tests",
+    LAUNCH_RUNNING: "\u23F3 Running\u2026",
+    LAUNCH_PASSED: "\u2713 Test passed",
+    LAUNCH_FAILED: "\u2717 Test failed",
+    LAUNCH_NO_RUNNER: "No local runner detected (did you start it?)",
     DIFF_BTN: "\u{1F4CA} Diff",
     SAVE_BTN: "\u{1F4BE} Save",
     CLOSE_BTN: "\u2715 Close",
-    BACK_TO_EDITOR: "\u2190 Back to editor"
+    BACK_TO_EDITOR: "\u2190 Back to editor",
+    INSERT_BTN: "\u{1FA84} Insert blocks",
+    INSERT_TITLE: "Insert it() and beforeEach() into the editor content",
+    INSERT_DONE: "Blocks inserted into the editor",
+    INSERT_ERROR: "No valid describe() block found in the file"
   },
   RECORDER: {
     FS_TITLE: "\u{1F4C1} File access",
@@ -876,7 +997,12 @@ var I18N_EN = {
     BADGE_PAUSED: "\u23F8 PAUSED",
     BADGE_REC: "\u25CF REC",
     STOP_TITLE: "Stop (Ctrl+R)",
-    START_TITLE: "Record (Ctrl+R)"
+    START_TITLE: "Record (Ctrl+R)",
+    SESSION_RESUME_TITLE: "\u23FA Recording in progress",
+    SESSION_RESUME_TEXT: "There is an unfinished active recording.",
+    SESSION_RESUME_COUNT: "commands captured",
+    SESSION_CONTINUE_BTN: "Keep recording",
+    SESSION_DISCARD_BTN: "Discard"
   }
 };
 
@@ -902,7 +1028,9 @@ var I18N_FR = {
     NO_TAGS: "Sans \xE9tiquettes",
     SAVE_BTN: "\u{1F4BE} Enregistrer",
     SAVE_AND_EDIT: "\u{1F4DD} Enregistrer et \xE9diter",
-    REMOVE_TAG_TITLE: "Retirer"
+    REMOVE_TAG_TITLE: "Retirer",
+    NOTES_LABEL: "Description / Notes (optionnel) :",
+    NOTES_PLACEHOLDER: "Ce que ce test valide, conditions pr\xE9alables, etc."
   },
   TEST_EDITOR: {
     NO_TAGS: "Sans \xE9tiquettes",
@@ -912,8 +1040,6 @@ var I18N_FR = {
     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",
@@ -942,6 +1068,18 @@ var I18N_FR = {
     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",
+    EXPORT_DIALOG_TITLE: "\u2B06\uFE0F Exporter les tests",
+    EXPORT_MODE_ALL: "Tout",
+    EXPORT_MODE_MANUAL: "S\xE9lection manuelle",
+    EXPORT_MODE_TAGS: "Par tags",
+    EXPORT_ALL_DESC: "Tous les tests enregistr\xE9s seront export\xE9s.",
+    EXPORT_COUNT: "\xC0 exporter :",
+    EXPORT_CONFIRM: "\u2B06\uFE0F Exporter",
+    EXPORT_CANCEL: "Annuler",
+    EXPORT_EMPTY: "Aucun test \xE0 exporter.",
+    EXPORT_NO_TAGS: "Aucun tag disponible.",
+    EXPORT_TAGS_HINT: "S\xE9lectionnez un ou plusieurs tags pour voir les tests qui seront export\xE9s.",
+    EXPORT_RESULT_LABEL: "Tests qui seront export\xE9s :",
     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",
@@ -951,7 +1089,13 @@ var I18N_FR = {
     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."
+    SMART_SELECTOR_SUB: "Affiche un s\xE9lecteur lors du clic sur des \xE9l\xE9ments sans s\xE9lecteur valide.",
+    START_HIDDEN_SECTION: "\u{1F441} Visibilit\xE9 du widget",
+    START_HIDDEN_TITLE: "D\xE9marrer masqu\xE9",
+    START_HIDDEN_SUB: "Le widget d\xE9marre invisible. Utilisez Ctrl+Shift+E pour l'afficher ou le masquer.",
+    RESUME_TTL_SECTION: "\u23F1 Continuit\xE9 d'enregistrement",
+    RESUME_TTL_LABEL: "Reprendre sans demander (minutes)",
+    RESUME_TTL_HINT: "Si vous rechargez ou changez de projet, un enregistrement actif reprend sans demander dans ce d\xE9lai. Au-del\xE0, il vous demandera de continuer ou d'ignorer."
   },
   SELECTOR_PICKER: {
     TITLE: "S\xE9lectionnez un \xE9l\xE9ment du DOM",
@@ -992,8 +1136,10 @@ var I18N_FR = {
     EDIT_MANUAL_BTN: "\u270F\uFE0F \xC9diter manuellement",
     CLOSE_BTN: "\u2715 Fermer",
     NEW_FILE_BTN: "+ Nouveau fichier",
+    NEW_FOLDER_BTN: "+ Nouveau dossier",
     REFRESH_BTN: "\u21BB Actualiser",
     NEW_FILE_PLACEHOLDER: "nom-du-test",
+    NEW_FOLDER_PLACEHOLDER: "nom-du-dossier",
     NEW_FILE_CONFIRM: "Cr\xE9er",
     NEW_FILE_CANCEL: "Annuler"
   },
@@ -1006,10 +1152,19 @@ var I18N_FR = {
     NO_CHANGES: "Aucun changement par rapport \xE0 l'original",
     NO_CHANGES_SHORT: "Aucun changement",
     LAUNCH_BTN: "\u25B6 Lancer le test",
+    LAUNCH_LOCAL_ONLY: "Passe en local pour pouvoir tester",
+    LAUNCH_RUNNING: "\u23F3 Ex\xE9cution\u2026",
+    LAUNCH_PASSED: "\u2713 Test r\xE9ussi",
+    LAUNCH_FAILED: "\u2717 Test \xE9chou\xE9",
+    LAUNCH_NO_RUNNER: "Aucun runner local d\xE9tect\xE9 (l'avez-vous d\xE9marr\xE9 ?)",
     DIFF_BTN: "\u{1F4CA} Diff",
     SAVE_BTN: "\u{1F4BE} Enregistrer",
     CLOSE_BTN: "\u2715 Fermer",
-    BACK_TO_EDITOR: "\u2190 Retour \xE0 l'\xE9diteur"
+    BACK_TO_EDITOR: "\u2190 Retour \xE0 l'\xE9diteur",
+    INSERT_BTN: "\u{1FA84} Ins\xE9rer les blocs",
+    INSERT_TITLE: "Ins\xE9rer it() et beforeEach() dans le contenu de l'\xE9diteur",
+    INSERT_DONE: "Blocs ins\xE9r\xE9s dans l'\xE9diteur",
+    INSERT_ERROR: "Aucun bloc describe() valide trouv\xE9 dans le fichier"
   },
   RECORDER: {
     FS_TITLE: "\u{1F4C1} Acc\xE8s aux fichiers",
@@ -1038,7 +1193,12 @@ var I18N_FR = {
     BADGE_PAUSED: "\u23F8 PAUSE",
     BADGE_REC: "\u25CF REC",
     STOP_TITLE: "Arr\xEAter (Ctrl+R)",
-    START_TITLE: "Enregistrer (Ctrl+R)"
+    START_TITLE: "Enregistrer (Ctrl+R)",
+    SESSION_RESUME_TITLE: "\u23FA Enregistrement en cours",
+    SESSION_RESUME_TEXT: "Un enregistrement actif est inachev\xE9.",
+    SESSION_RESUME_COUNT: "commandes captur\xE9es",
+    SESSION_CONTINUE_BTN: "Continuer l'enregistrement",
+    SESSION_DISCARD_BTN: "Ignorer"
   }
 };
 
@@ -1064,7 +1224,9 @@ var I18N_IT = {
     NO_TAGS: "Nessuna etichetta",
     SAVE_BTN: "\u{1F4BE} Salva",
     SAVE_AND_EDIT: "\u{1F4DD} Salva e modifica",
-    REMOVE_TAG_TITLE: "Rimuovi"
+    REMOVE_TAG_TITLE: "Rimuovi",
+    NOTES_LABEL: "Descrizione / Note (opzionale):",
+    NOTES_PLACEHOLDER: "Cosa valida questo test, condizioni preliminari, ecc."
   },
   TEST_EDITOR: {
     NO_TAGS: "Nessuna etichetta",
@@ -1074,8 +1236,6 @@ var I18N_IT = {
     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",
@@ -1104,6 +1264,18 @@ var I18N_IT = {
     DATA_SECTION: "\u{1F4BE} Dati",
     DATA_DESC: "Esporta tutti i tuoi test in JSON o importa un backup.",
     EXPORT_BTN: "\u2B06\uFE0F Esporta test",
+    EXPORT_DIALOG_TITLE: "\u2B06\uFE0F Esporta test",
+    EXPORT_MODE_ALL: "Tutto",
+    EXPORT_MODE_MANUAL: "Selezione manuale",
+    EXPORT_MODE_TAGS: "Per tag",
+    EXPORT_ALL_DESC: "Verranno esportati tutti i test salvati.",
+    EXPORT_COUNT: "Da esportare:",
+    EXPORT_CONFIRM: "\u2B06\uFE0F Esporta",
+    EXPORT_CANCEL: "Annulla",
+    EXPORT_EMPTY: "Nessun test da esportare.",
+    EXPORT_NO_TAGS: "Nessun tag disponibile.",
+    EXPORT_TAGS_HINT: "Seleziona uno o pi\xF9 tag per vedere quali test verranno esportati.",
+    EXPORT_RESULT_LABEL: "Test che verranno esportati:",
     IMPORT_BTN: "\u2B07\uFE0F Importa test",
     FOLDER_UPDATED_TOAST: "\u2713 Cartella Cypress aggiornata",
     FOLDER_ERROR_TOAST: "Errore durante l'accesso alla cartella",
@@ -1113,7 +1285,13 @@ var I18N_IT = {
     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."
+    SMART_SELECTOR_SUB: "Mostra un selettore quando si fa clic su elementi senza selettore valido.",
+    START_HIDDEN_SECTION: "\u{1F441} Visibilit\xE0 del widget",
+    START_HIDDEN_TITLE: "Avvia nascosto",
+    START_HIDDEN_SUB: "Il widget si avvia invisibile. Usa Ctrl+Shift+E per mostrarlo o nasconderlo.",
+    RESUME_TTL_SECTION: "\u23F1 Continuit\xE0 di registrazione",
+    RESUME_TTL_LABEL: "Riprendi senza chiedere (minuti)",
+    RESUME_TTL_HINT: "Se ricarichi o cambi progetto, una registrazione attiva riprende senza chiedere entro questo intervallo. Trascorso, ti chieder\xE0 se continuare o annullare."
   },
   SELECTOR_PICKER: {
     TITLE: "Seleziona un elemento DOM",
@@ -1154,8 +1332,10 @@ var I18N_IT = {
     EDIT_MANUAL_BTN: "\u270F\uFE0F Modifica manualmente",
     CLOSE_BTN: "\u2715 Chiudi",
     NEW_FILE_BTN: "+ Nuovo file",
+    NEW_FOLDER_BTN: "+ Nuova cartella",
     REFRESH_BTN: "\u21BB Aggiorna",
     NEW_FILE_PLACEHOLDER: "nome-del-test",
+    NEW_FOLDER_PLACEHOLDER: "nome-cartella",
     NEW_FILE_CONFIRM: "Crea",
     NEW_FILE_CANCEL: "Annulla"
   },
@@ -1168,10 +1348,19 @@ var I18N_IT = {
     NO_CHANGES: "Nessuna modifica rispetto all'originale",
     NO_CHANGES_SHORT: "Nessuna modifica",
     LAUNCH_BTN: "\u25B6 Esegui test",
+    LAUNCH_LOCAL_ONLY: "Spostati in locale per poter testare",
+    LAUNCH_RUNNING: "\u23F3 Esecuzione\u2026",
+    LAUNCH_PASSED: "\u2713 Test superato",
+    LAUNCH_FAILED: "\u2717 Test fallito",
+    LAUNCH_NO_RUNNER: "Nessun runner locale rilevato (l'hai avviato?)",
     DIFF_BTN: "\u{1F4CA} Diff",
     SAVE_BTN: "\u{1F4BE} Salva",
     CLOSE_BTN: "\u2715 Chiudi",
-    BACK_TO_EDITOR: "\u2190 Torna all'editor"
+    BACK_TO_EDITOR: "\u2190 Torna all'editor",
+    INSERT_BTN: "\u{1FA84} Inserisci blocchi",
+    INSERT_TITLE: "Inserisci it() e beforeEach() nel contenuto dell'editor",
+    INSERT_DONE: "Blocchi inseriti nell'editor",
+    INSERT_ERROR: "Nessun blocco describe() valido trovato nel file"
   },
   RECORDER: {
     FS_TITLE: "\u{1F4C1} Accesso ai file",
@@ -1200,7 +1389,12 @@ var I18N_IT = {
     BADGE_PAUSED: "\u23F8 PAUSA",
     BADGE_REC: "\u25CF REC",
     STOP_TITLE: "Ferma (Ctrl+R)",
-    START_TITLE: "Registra (Ctrl+R)"
+    START_TITLE: "Registra (Ctrl+R)",
+    SESSION_RESUME_TITLE: "\u23FA Registrazione in corso",
+    SESSION_RESUME_TEXT: "C'\xE8 una registrazione attiva non terminata.",
+    SESSION_RESUME_COUNT: "comandi catturati",
+    SESSION_CONTINUE_BTN: "Continua a registrare",
+    SESSION_DISCARD_BTN: "Annulla"
   }
 };
 
@@ -1226,7 +1420,9 @@ var I18N_DE = {
     NO_TAGS: "Keine Tags",
     SAVE_BTN: "\u{1F4BE} Speichern",
     SAVE_AND_EDIT: "\u{1F4DD} Speichern und bearbeiten",
-    REMOVE_TAG_TITLE: "Entfernen"
+    REMOVE_TAG_TITLE: "Entfernen",
+    NOTES_LABEL: "Beschreibung / Notizen (optional):",
+    NOTES_PLACEHOLDER: "Was dieser Test validiert, Voraussetzungen usw."
   },
   TEST_EDITOR: {
     NO_TAGS: "Keine Tags",
@@ -1236,8 +1432,6 @@ var I18N_DE = {
     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",
@@ -1266,6 +1460,18 @@ var I18N_DE = {
     DATA_SECTION: "\u{1F4BE} Daten",
     DATA_DESC: "Exportieren Sie alle Tests als JSON oder importieren Sie ein Backup.",
     EXPORT_BTN: "\u2B06\uFE0F Tests exportieren",
+    EXPORT_DIALOG_TITLE: "\u2B06\uFE0F Tests exportieren",
+    EXPORT_MODE_ALL: "Alle",
+    EXPORT_MODE_MANUAL: "Manuelle Auswahl",
+    EXPORT_MODE_TAGS: "Nach Tags",
+    EXPORT_ALL_DESC: "Alle gespeicherten Tests werden exportiert.",
+    EXPORT_COUNT: "Zu exportieren:",
+    EXPORT_CONFIRM: "\u2B06\uFE0F Exportieren",
+    EXPORT_CANCEL: "Abbrechen",
+    EXPORT_EMPTY: "Keine Tests zum Exportieren.",
+    EXPORT_NO_TAGS: "Keine Tags verf\xFCgbar.",
+    EXPORT_TAGS_HINT: "W\xE4hle ein oder mehrere Tags, um zu sehen, welche Tests exportiert werden.",
+    EXPORT_RESULT_LABEL: "Diese Tests werden exportiert:",
     IMPORT_BTN: "\u2B07\uFE0F Tests importieren",
     FOLDER_UPDATED_TOAST: "\u2713 Cypress-Ordner aktualisiert",
     FOLDER_ERROR_TOAST: "Fehler beim Zugriff auf den Ordner",
@@ -1275,7 +1481,13 @@ var I18N_DE = {
     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."
+    SMART_SELECTOR_SUB: "Zeigt ein Auswahlfeld, wenn auf Elemente ohne g\xFCltigen Selektor geklickt wird.",
+    START_HIDDEN_SECTION: "\u{1F441} Widget-Sichtbarkeit",
+    START_HIDDEN_TITLE: "Versteckt starten",
+    START_HIDDEN_SUB: "Das Widget startet unsichtbar. Verwenden Sie Ctrl+Shift+E zum Ein-/Ausblenden.",
+    RESUME_TTL_SECTION: "\u23F1 Aufzeichnungskontinuit\xE4t",
+    RESUME_TTL_LABEL: "Ohne Nachfrage fortsetzen (Minuten)",
+    RESUME_TTL_HINT: "Wenn Sie neu laden oder das Projekt wechseln, wird eine aktive Aufzeichnung innerhalb dieses Zeitfensters ohne Nachfrage fortgesetzt. Danach werden Sie gefragt, ob fortsetzen oder verwerfen."
   },
   SELECTOR_PICKER: {
     TITLE: "DOM-Element ausw\xE4hlen",
@@ -1316,8 +1528,10 @@ var I18N_DE = {
     EDIT_MANUAL_BTN: "\u270F\uFE0F Manuell bearbeiten",
     CLOSE_BTN: "\u2715 Schlie\xDFen",
     NEW_FILE_BTN: "+ Neue Datei",
+    NEW_FOLDER_BTN: "+ Neuer Ordner",
     REFRESH_BTN: "\u21BB Aktualisieren",
     NEW_FILE_PLACEHOLDER: "test-name",
+    NEW_FOLDER_PLACEHOLDER: "ordnername",
     NEW_FILE_CONFIRM: "Erstellen",
     NEW_FILE_CANCEL: "Abbrechen"
   },
@@ -1330,10 +1544,19 @@ var I18N_DE = {
     NO_CHANGES: "Keine \xC4nderungen gegen\xFCber dem Original",
     NO_CHANGES_SHORT: "Keine \xC4nderungen",
     LAUNCH_BTN: "\u25B6 Test starten",
+    LAUNCH_LOCAL_ONLY: "Wechsle zu localhost, um Tests auszuf\xFChren",
+    LAUNCH_RUNNING: "\u23F3 L\xE4uft\u2026",
+    LAUNCH_PASSED: "\u2713 Test bestanden",
+    LAUNCH_FAILED: "\u2717 Test fehlgeschlagen",
+    LAUNCH_NO_RUNNER: "Kein lokaler Runner erkannt (gestartet?)",
     DIFF_BTN: "\u{1F4CA} Diff",
     SAVE_BTN: "\u{1F4BE} Speichern",
     CLOSE_BTN: "\u2715 Schlie\xDFen",
-    BACK_TO_EDITOR: "\u2190 Zur\xFCck zum Editor"
+    BACK_TO_EDITOR: "\u2190 Zur\xFCck zum Editor",
+    INSERT_BTN: "\u{1FA84} Bl\xF6cke einf\xFCgen",
+    INSERT_TITLE: "it() und beforeEach() in den Editor-Inhalt einf\xFCgen",
+    INSERT_DONE: "Bl\xF6cke in den Editor eingef\xFCgt",
+    INSERT_ERROR: "Kein g\xFCltiger describe()-Block in der Datei gefunden"
   },
   RECORDER: {
     FS_TITLE: "\u{1F4C1} Dateizugriff",
@@ -1362,13 +1585,18 @@ var I18N_DE = {
     BADGE_PAUSED: "\u23F8 PAUSE",
     BADGE_REC: "\u25CF REC",
     STOP_TITLE: "Stopp (Ctrl+R)",
-    START_TITLE: "Aufzeichnen (Ctrl+R)"
+    START_TITLE: "Aufzeichnen (Ctrl+R)",
+    SESSION_RESUME_TITLE: "\u23FA Aufzeichnung l\xE4uft",
+    SESSION_RESUME_TEXT: "Es gibt eine nicht abgeschlossene aktive Aufzeichnung.",
+    SESSION_RESUME_COUNT: "erfasste Befehle",
+    SESSION_CONTINUE_BTN: "Weiter aufzeichnen",
+    SESSION_DISCARD_BTN: "Verwerfen"
   }
 };
 
 // src/services/translation.service.ts
 var TranslationService = class {
-  lang;
+  lang$;
   translations = {
     es: I18N_ES,
     en: I18N_EN,
@@ -1377,17 +1605,21 @@ var TranslationService = class {
     de: I18N_DE
   };
   constructor() {
-    this.lang = this.detectLang();
+    this.lang$ = new Subject(this.detectLang());
   }
   setLang(lang) {
-    this.lang = lang;
+    this.lang$.next(lang);
   }
   getLang() {
-    return this.lang;
+    return this.lang$.getValue();
+  }
+  /** Subscribe to language changes; returns an unsubscribe function. */
+  onLangChange(fn) {
+    return this.lang$.subscribe(fn);
   }
   translate(key) {
     const keys = key.split(".");
-    let value = this.translations[this.lang];
+    let value = this.translations[this.lang$.getValue()];
     for (const k of keys) {
       value = value?.[k];
       if (value === void 0) return key;
@@ -1401,14 +1633,41 @@ var TranslationService = class {
 };
 var translationService = new TranslationService();
 
+// src/utils/code-format.utils.ts
+function gcd(a, b) {
+  while (b) {
+    const t = b;
+    b = a % b;
+    a = t;
+  }
+  return a;
+}
+function escapeSingleQuotes(value) {
+  return value.replace(/\\/g, "\\\\").replace(/'/g, "\\'");
+}
+function normalizeBlock(code, baseIndent) {
+  const lines = code.split("\n").map((l) => l.trimEnd());
+  const nonEmpty = lines.filter((l) => l.trim().length > 0);
+  if (!nonEmpty.length) return "";
+  const indents = nonEmpty.map((l) => l.length - l.trimStart().length);
+  const minIndent = Math.min(...indents);
+  const relIndents = [...new Set(indents.map((n) => n - minIndent).filter((n) => n > 0))];
+  const step = relIndents.length > 0 ? relIndents.reduce(gcd) : 2;
+  return lines.map((l) => {
+    if (!l.trim()) return "";
+    const level = Math.round((l.length - l.trimStart().length - minIndent) / step);
+    return baseIndent + "  ".repeat(level) + l.trimStart();
+  }).join("\n");
+}
+
 // src/services/transformation.service.ts
 var TransformationService = class {
   toLang(lang) {
     return isLang(lang) ? lang : "en";
   }
   generateItDescription(description, commands) {
-    const commandsBlock = commands.map((cmd) => `  ${cmd}`).join("\n");
-    return `it('${description}', () => {
+    const commandsBlock = commands.map((cmd) => normalizeBlock(cmd, "  ")).join("\n");
+    return `it('${escapeSingleQuotes(description)}', () => {
 ${commandsBlock}
 });`;
   }
@@ -1438,6 +1697,13 @@ ${interceptors}  })
     }
     return content.slice(0, idx) + "\n" + itBlock + "\n" + content.slice(idx);
   }
+  buildBlockComment(notes) {
+    if (!notes.trim()) return "";
+    const lines = notes.split("\n").map((l) => ` * ${l}`).join("\n");
+    return `/**
+${lines}
+ */`;
+  }
   isFile(file) {
     return !!file && file.kind === "file";
   }
@@ -1455,29 +1721,15 @@ ${interceptors}  })
 };
 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
 init_selector_quality_utils();
 var OWN_SELECTOR = '[data-cy="lib-e2e-cypress-for-dummys"]';
+function createSessionId() {
+  if (typeof crypto !== "undefined" && typeof crypto.randomUUID === "function") {
+    return crypto.randomUUID();
+  }
+  return `sess-${Date.now().toString(36)}-${Math.floor(Math.random() * 1e9).toString(36)}`;
+}
 var RecordingService = class {
   commands$ = new Subject([]);
   interceptors$ = new Subject([]);
@@ -1487,6 +1739,9 @@ var RecordingService = class {
   inputDebounceTimers = /* @__PURE__ */ new Map();
   abort = new AbortController();
   selectorStrategy = "data-cy";
+  /** Stable id of the current live session (null when none has started). */
+  sessionId = null;
+  startedAt = 0;
   // Stored originals for history patching cleanup
   origPushState = history.pushState.bind(history);
   origReplaceState = history.replaceState.bind(history);
@@ -1498,12 +1753,42 @@ var RecordingService = class {
   }
   // ── Public API ────────────────────────────────────────────────────────────
   startRecording() {
+    this.sessionId = createSessionId();
+    this.startedAt = Date.now();
     this.isPaused$.next(false);
     this.isRecording$.next(true);
     this.addCommand(`cy.viewport(1900, 1200)`);
     this.addCommand(`cy.visit('${window.location.pathname}')`);
     this.addCommand(`cy.get('[data-cy="lib-e2e-cypress-for-dummys"]').invoke('hide');`);
   }
+  /**
+   * Rehydrates a previously persisted session WITHOUT running the startRecording
+   * bootstrap (no viewport/visit/hide). Used to continue a recording across a
+   * micro-frontend crossing or a same-origin reload.
+   * See docs/specs/006-cross-app-recording-continuity.md.
+   */
+  restoreSession(state) {
+    this.sessionId = state.sessionId;
+    this.startedAt = state.startedAt;
+    this.selectorStrategy = state.selectorStrategy;
+    this.commands$.next([...state.commands]);
+    this.interceptors$.next([...state.interceptors]);
+    this.isPaused$.next(state.isPaused);
+    this.isRecording$.next(state.isRecording);
+  }
+  /** Full snapshot of the live session for persistence. */
+  getSessionSnapshot() {
+    return {
+      sessionId: this.sessionId ?? createSessionId(),
+      isRecording: this.isRecording$.getValue(),
+      isPaused: this.isPaused$.getValue(),
+      commands: this.commands$.getValue(),
+      interceptors: this.interceptors$.getValue(),
+      selectorStrategy: this.selectorStrategy,
+      startedAt: this.startedAt,
+      updatedAt: Date.now()
+    };
+  }
   stopRecording() {
     this.isPaused$.next(false);
     this.isRecording$.next(false);
@@ -1590,6 +1875,21 @@ var RecordingService = class {
   onPauseChange(fn) {
     return this.isPaused$.subscribe(fn);
   }
+  /**
+   * Fires a full session snapshot whenever any persisted field changes
+   * (commands, interceptors, recording or paused state). Drives the debounced
+   * persistence of the live session. Returns a combined unsubscribe.
+   */
+  onSessionChange(fn) {
+    const emit = () => fn(this.getSessionSnapshot());
+    const unsubs = [
+      this.commands$.subscribe(emit),
+      this.interceptors$.subscribe(emit),
+      this.isRecording$.subscribe(emit),
+      this.isPaused$.subscribe(emit)
+    ];
+    return () => unsubs.forEach((u) => u());
+  }
   onSelectorNotFound(fn) {
     return this.selectorNotFound$.subscribe((v) => {
       if (v) fn(v.target, v.action);
@@ -1821,6 +2121,7 @@ var RecordingService = class {
 
 // src/services/persistence.service.ts
 var import_idb = require("idb");
+var ACTIVE_SESSION_ID = 1;
 var PersistenceService = class {
   // dbName is overridable so tests can use unique names for isolation.
   constructor(dbName = DB_SCHEMA.name) {
@@ -1849,9 +2150,9 @@ var PersistenceService = class {
     return this._db;
   }
   // ── Tests ─────────────────────────────────────────────────────────────────
-  async insertTest(name, commands = [], interceptors = [], tags = []) {
+  async insertTest(name, commands = [], interceptors = [], tags = [], notes) {
     const db = await this.getDB();
-    const record = { name, createdAt: Date.now(), ...tags.length ? { tags } : {} };
+    const record = { name, createdAt: Date.now(), ...tags.length ? { tags } : {}, ...notes ? { notes } : {} };
     const id = await db.add("tests", record);
     if (commands.length) await this.insertCommands(commands, id);
     if (interceptors.length) await this.insertInterceptors(interceptors, id);
@@ -1874,10 +2175,10 @@ var PersistenceService = class {
     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 itBlock = `it('${escapeSingleQuotes(record.name)}', () => {
+${commands.map((c) => normalizeBlock(c, "  ")).join("\n")}
 });`;
-    const interceptorsBlock = interceptors.length ? "  // Auto-generated Cypress interceptors\n" + interceptors.map((i) => "  " + i).join("\n") + "\n" : "";
+    const interceptorsBlock = interceptors.length ? "  // Auto-generated Cypress interceptors\n" + interceptors.map((i) => normalizeBlock(i, "  ")).join("\n") + "\n" : "";
     return { ...record, commands, interceptors, cypressCommands: commands, itBlock, interceptorsBlock };
   }
   async deleteTest(id) {
@@ -1955,6 +2256,25 @@ var PersistenceService = class {
     const records = await db.getAll("configuration");
     return records[0] ?? null;
   }
+  // ── Active recording session ──────────────────────────────────────────────
+  /** Upserts the live recording session (single record, fixed key). */
+  async saveActiveSession(state) {
+    const db = await this.getDB();
+    await db.put("activeSession", { ...state, id: ACTIVE_SESSION_ID });
+  }
+  /** Returns the persisted live session, or null when none is stored. */
+  async getActiveSession() {
+    const db = await this.getDB();
+    const record = await db.get("activeSession", ACTIVE_SESSION_ID);
+    if (!record) return null;
+    const { id: _id, ...state } = record;
+    return state;
+  }
+  /** Removes the live session record. Safe to call when none exists. */
+  async clearActiveSession() {
+    const db = await this.getDB();
+    await db.delete("activeSession", ACTIVE_SESSION_ID);
+  }
   // ── Bulk operations ───────────────────────────────────────────────────────
   async clearAllData() {
     const db = await this.getDB();
@@ -1965,10 +2285,18 @@ var PersistenceService = class {
     ]);
   }
   async ingestFileData(tests, interceptors) {
-    await Promise.all([
-      this.bulkInsertWithoutId("tests", tests),
-      this.bulkInsertWithoutId("interceptors", interceptors)
-    ]);
+    if (Array.isArray(tests)) {
+      const db = await this.getDB();
+      for (const test of tests) {
+        const { id: _id, commands, interceptors: testInterceptors, ...record } = test;
+        const newId = await db.add("tests", record);
+        const cmds = Array.isArray(commands) ? commands : [];
+        const icps = Array.isArray(testInterceptors) ? testInterceptors : [];
+        if (cmds.length) await this.insertCommands(cmds, newId);
+        if (icps.length) await this.insertInterceptors(icps, newId);
+      }
+    }
+    await this.bulkInsertWithoutId("interceptors", interceptors);
   }
   async requestDirectoryPermissions() {
     if (!("showDirectoryPicker" in window)) {
@@ -2411,6 +2739,28 @@ function showToast(message, isSuccess = true) {
   setTimeout(() => toast.remove(), 3e3);
 }
 
+// src/utils/export-selection.utils.ts
+function selectTestsForExport(tests, mode, opts = {}) {
+  if (mode === "all") return [...tests];
+  if (mode === "manual") {
+    const ids = new Set(opts.ids ?? []);
+    return tests.filter((t) => ids.has(t.id));
+  }
+  const tags = new Set(opts.tags ?? []);
+  if (tags.size === 0) return [];
+  return tests.filter((t) => (t.tags ?? []).some((tag) => tags.has(tag)));
+}
+
+// src/utils/host.utils.ts
+function isLocalHost(hostname) {
+  if (!hostname) return true;
+  const h = hostname.toLowerCase();
+  return h === "localhost" || h.endsWith(".localhost") || h === "127.0.0.1" || h === "::1" || h === "0.0.0.0";
+}
+
+// src/index.ts
+init_selector_picker();
+
 // 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; }
@@ -2617,7 +2967,8 @@ if (!customElements.get("test-previsualizer")) {
 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; }
+  .container { padding: 24px 28px; text-align: left; }
+  .btn-row, p { 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 {
@@ -2639,6 +2990,15 @@ var SAVE_TEST_STYLES = `
   }
   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; }
+  textarea {
+    width: 100%; padding: 10px 14px; border: 1px solid #30363d;
+    border-radius: 8px; background: #0d1117; color: #e6edf3;
+    font-size: 14px; outline: none; margin-bottom: 4px;
+    font-family: inherit; resize: vertical; line-height: 1.5;
+    transition: border-color 0.15s, box-shadow 0.15s;
+  }
+  textarea:focus { border-color: #2f81f7; box-shadow: 0 0 0 3px rgba(47,129,247,0.15); }
+  textarea::placeholder { color: #484f58; }
   .tag-label {
     font-size: 11px; color: #484f58; text-align: left; margin-bottom: 5px; display: block;
   }
@@ -2678,7 +3038,7 @@ function renderSaveTestAsk(t) {
       </div>
     </div>`;
 }
-function renderSaveTestDesc(description, tags, t) {
+function renderSaveTestDesc(description, notes, 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("");
@@ -2687,6 +3047,8 @@ function renderSaveTestDesc(description, tags, t) {
       <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.NOTES_LABEL")}</span>
+      <textarea id="notes-input" rows="3" placeholder="${escAttr(t("SAVE_TEST.NOTES_PLACEHOLDER"))}">${escHtml(notes)}</textarea>
       <span class="tag-label">${t("SAVE_TEST.TAGS_LABEL")}</span>
       <div class="tag-input-row">
         <input id="tag-input" type="text" placeholder="${t("SAVE_TEST.TAGS_PLACEHOLDER")}" autocomplete="off" />
@@ -2706,6 +3068,7 @@ var SaveTestElement = class extends HTMLElement {
   shadow;
   _step = "ask";
   description = "";
+  notes = "";
   tags = [];
   translation = translationService;
   constructor() {
@@ -2723,17 +3086,18 @@ var SaveTestElement = class extends HTMLElement {
     this.render();
   }
   confirmSave() {
-    this.dispatch("savetest", { description: this.description.trim(), tags: [...this.tags] });
+    this.dispatch("savetest", { description: this.description.trim(), notes: this.notes, tags: [...this.tags] });
   }
   confirmSaveAndExport() {
-    this.dispatch("saveandexport", { description: this.description.trim(), tags: [...this.tags] });
+    this.dispatch("saveandexport", { description: this.description.trim(), notes: this.notes, tags: [...this.tags] });
   }
   cancel() {
-    this.dispatch("savetest", { description: null, tags: [] });
+    this.dispatch("savetest", { description: null, notes: "", tags: [] });
   }
   restartComponent() {
     this._step = "ask";
     this.description = "";
+    this.notes = "";
     this.tags = [];
     this.render();
   }
@@ -2760,12 +3124,16 @@ var SaveTestElement = class extends HTMLElement {
       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))}`;
+      this.shadow.innerHTML = `<style>${SAVE_TEST_STYLES}</style>${renderSaveTestDesc(this.description, this.notes, this.tags, this.t.bind(this))}`;
       const descInput = this.shadow.getElementById("desc-input");
+      const notesInput = this.shadow.getElementById("notes-input");
       const tagInput = this.shadow.getElementById("tag-input");
       descInput.addEventListener("input", () => {
         this.description = descInput.value;
       });
+      notesInput.addEventListener("input", () => {
+        this.notes = notesInput.value;
+      });
       const tryAddTag = () => {
         this.addTag(tagInput.value);
         tagInput.value = "";
@@ -2871,19 +3239,131 @@ var TEST_EDITOR_STYLES = `
     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; }
+  .test-notes {
+    margin: 0 0 10px; padding: 8px 12px;
+    background: rgba(47,129,247,0.06); border-left: 3px solid rgba(47,129,247,0.4);
+    border-radius: 0 6px 6px 0; font-size: 12px; color: #8b949e;
+    line-height: 1.6; white-space: pre-wrap; word-break: break-word;
+  }
+  .code-preview {
+    margin: 0; padding: 10px 12px; background: #161b22;
+    border-radius: 6px; border: 1px solid #21262d;
+    font-size: 11px; color: #c9d1d9; line-height: 1.7;
+    font-family: 'Cascadia Code', 'Fira Code', 'Consolas', monospace;
+    overflow-x: auto; white-space: pre;
+    scrollbar-width: thin; scrollbar-color: #30363d transparent;
+  }
+  .code-preview::-webkit-scrollbar { height: 4px; }
+  .code-preview::-webkit-scrollbar-thumb { background: #30363d; border-radius: 2px; }
+  .code-preview-icp { margin-top: 8px; }
+  .sh-kw  { color: #ff7b72; }
+  .sh-bi  { color: #d2a8ff; }
+  .sh-str { color: #a5d6ff; }
+  .sh-cmt { color: #8b949e; font-style: italic; }
+  .sh-num { color: #79c0ff; }
 `;
 
 // src/components/test-editor/test-editor.template.ts
 init_html_utils();
+
+// src/utils/syntax-highlight.utils.ts
+init_html_utils();
+var KEYWORDS = /* @__PURE__ */ new Set([
+  "describe",
+  "it",
+  "xit",
+  "fit",
+  "xdescribe",
+  "fdescribe",
+  "beforeEach",
+  "afterEach",
+  "before",
+  "after",
+  "context",
+  "const",
+  "let",
+  "var",
+  "function",
+  "return",
+  "if",
+  "else",
+  "import",
+  "export",
+  "from",
+  "new",
+  "this",
+  "null",
+  "undefined",
+  "true",
+  "false",
+  "async",
+  "await",
+  "of",
+  "in",
+  "typeof",
+  "void"
+]);
+var BUILTINS = /* @__PURE__ */ new Set(["cy", "expect", "assert", "Cypress", "chai"]);
+function syntaxHighlight(code) {
+  return code.split("\n").map(highlightLine).join("\n");
+}
+function highlightLine(line) {
+  let result = "";
+  let i = 0;
+  const len = line.length;
+  while (i < len) {
+    if (line[i] === "/" && i + 1 < len && line[i + 1] === "/") {
+      result += `<span class="sh-cmt">${escHtml(line.slice(i))}</span>`;
+      return result;
+    }
+    const q = line[i];
+    if (q === "'" || q === '"' || q === "`") {
+      let j = i + 1;
+      while (j < len) {
+        if (line[j] === "\\") {
+          j += 2;
+          continue;
+        }
+        if (line[j] === q) {
+          j++;
+          break;
+        }
+        j++;
+      }
+      result += `<span class="sh-str">${escHtml(line.slice(i, j))}</span>`;
+      i = j;
+      continue;
+    }
+    if (/[0-9]/.test(line[i]) && (i === 0 || !/[a-zA-Z_$]/.test(line[i - 1]))) {
+      let j = i;
+      while (j < len && /[0-9.]/.test(line[j])) j++;
+      result += `<span class="sh-num">${escHtml(line.slice(i, j))}</span>`;
+      i = j;
+      continue;
+    }
+    if (/[a-zA-Z_$]/.test(line[i])) {
+      let j = i;
+      while (j < len && /[a-zA-Z0-9_$]/.test(line[j])) j++;
+      const word = line.slice(i, j);
+      if (KEYWORDS.has(word)) {
+        result += `<span class="sh-kw">${escHtml(word)}</span>`;
+      } else if (BUILTINS.has(word)) {
+        result += `<span class="sh-bi">${escHtml(word)}</span>`;
+      } else {
+        result += escHtml(word);
+      }
+      i = j;
+      continue;
+    }
+    result += escHtml(line[i]);
+    i++;
+  }
+  return result;
+}
+
+// src/components/test-editor/test-editor.template.ts
 function renderTestEditor(state, t) {
-  const { tags, visible, selectedVisible, activeTag, selectMode, selectedIds, describeName, expandedIndex, interceptorsByTest } = state;
+  const { tags, visible, selectedVisible, activeTag, selectMode, selectedIds, describeName, expandedIndex, interceptorsByTest, locale } = 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>`;
@@ -2894,22 +3374,24 @@ function renderTestEditor(state, t) {
       </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 date = new Date(test.createdAt).toLocaleString(locale, { day: "2-digit", month: "2-digit", hour: "2-digit", minute: "2-digit" });
     const icps = interceptorsByTest[test.id] ?? test.interceptors ?? [];
     const tagsHtml = (test.tags ?? []).length ? `<span class="test-tags">${(test.tags ?? []).map((tag) => `<span class="test-tag">${escHtml(tag)}</span>`).join("")}</span>` : "";
     const checkbox = selectMode ? `<input type="checkbox" ${selectedIds.has(test.id) ? "checked" : ""} data-select="${test.id}" />` : "";
+    const hasIcps = (test.interceptors ?? []).length > 0;
+    const itBlockCode = `it('${escapeSingleQuotes(test.name)}', () => {
+${(test.commands ?? []).map((c) => normalizeBlock(c, "  ")).join("\n")}
+});`;
+    const icpBlockCode = icps.length ? `beforeEach(() => {
+  // Auto-generated Cypress interceptors
+${icps.map((c) => normalizeBlock(c, "  ")).join("\n")}
+});` : "";
+    const notesHtml = expanded && test.notes ? `<p class="test-notes">${escHtml(test.notes)}</p>` : "";
     const body = expanded ? `
       <div class="row-body">
-        <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>
+        ${notesHtml}
+        <pre class="code-preview">${syntaxHighlight(itBlockCode)}</pre>
+        ${icpBlockCode ? `<pre class="code-preview code-preview-icp">${syntaxHighlight(icpBlockCode)}</pre>` : ""}
       </div>` : "";
     return `
       <div class="row${selectedIds.has(test.id) ? " selected-row" : ""}">
@@ -2918,6 +3400,8 @@ function renderTestEditor(state, t) {
           <span class="test-name">${escHtml(test.name)}</span>
           ${tagsHtml}
           <span class="test-date">${date}</span>
+          <button class="btn-icon" data-action="copy-cmds" data-idx="${i}" title="${t("TEST_EDITOR.COPY_CMDS_BTN")}">${t("TEST_EDITOR.COPY_CMDS_BTN")}</button>
+          ${hasIcps ? `<button class="btn-icon" data-action="copy-icps" data-idx="${i}" title="${t("TEST_EDITOR.COPY_ICPS_BTN")}">${t("TEST_EDITOR.COPY_ICPS_BTN")}</button>` : ""}
           <button class="btn-icon btn-del" data-action="delete" data-id="${test.id}" title="${t("TEST_EDITOR.DELETE_TITLE")}">\u{1F5D1}</button>
         </div>
         ${body}
@@ -3003,11 +3487,11 @@ var TestEditorElement = class extends HTMLElement {
 ` : "";
     const itBlocks = selected.map((t) => {
       const cmds = (t.commands ?? []).map((c) => `    ${c}`).join("\n");
-      return `  it('${(t.name ?? "").replace(/'/g, "\\'")}', () => {
+      return `  it('${escapeSingleQuotes(t.name ?? "")}', () => {
 ${cmds}
   });`;
     }).join("\n\n");
-    const block = `describe('${name.replace(/'/g, "\\'")}', () => {
+    const block = `describe('${escapeSingleQuotes(name)}', () => {
 ${beforeEach}${itBlocks}
 });`;
     navigator.clipboard?.writeText(block);
@@ -3041,7 +3525,8 @@ ${beforeEach}${itBlocks}
       selectedIds: this.selectedIds,
       describeName: this.describeName,
       expandedIndex: this.expandedIndex,
-      interceptorsByTest: this.interceptorsByTest
+      interceptorsByTest: this.interceptorsByTest,
+      locale: localeForLang(this.translation.getLang())
     }, this.t.bind(this))}`;
     this.shadow.getElementById("btn-select-mode")?.addEventListener("click", () => this.toggleSelectMode());
     this.shadow.querySelectorAll("[data-filter-tag]").forEach((el) => {
@@ -3096,7 +3581,7 @@ ${beforeEach}${itBlocks}
         ev.stopPropagation();
         const idx = Number(el.dataset["idx"]);
         const t = visible[idx];
-        this.copyToClipboard((this.interceptorsByTest[t?.id] ?? []).join("\n"));
+        this.copyToClipboard((this.interceptorsByTest[t?.id] ?? t?.interceptors ?? []).join("\n"));
       });
     });
   }
@@ -3198,9 +3683,75 @@ var CONFIGURATION_STYLES = `
 
   /* \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; }
+
+  /* \u2500\u2500 Export overlay (modal) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */
+  .export-overlay {
+    position: fixed; inset: 0; z-index: 100000;
+    background: rgba(1,4,9,0.7);
+    display: flex; align-items: center; justify-content: center; padding: 20px;
+  }
+  .export-modal {
+    width: 640px; max-width: 100%; max-height: 86vh;
+    display: flex; flex-direction: column;
+    background: #161b22; border: 1px solid #30363d; border-radius: 12px;
+    box-shadow: 0 12px 40px rgba(0,0,0,0.5); overflow: hidden;
+  }
+  .export-hd {
+    padding: 14px 18px; font-size: 13px; font-weight: 700;
+    border-bottom: 1px solid #21262d; color: #e6edf3;
+  }
+  .export-modes { display: flex; gap: 6px; padding: 12px 18px 0; }
+  .export-mode {
+    flex: 1; padding: 7px 10px; font-size: 11px; border-radius: 6px;
+    background: #0d1117; border: 1px solid #30363d; color: #8b949e;
+  }
+  .export-mode:hover { background: #21262d; color: #e6edf3; }
+  .export-mode.active { background: rgba(47,129,247,0.15); border-color: #2f81f7; color: #2f81f7; }
+  .export-body {
+    padding: 14px 18px; overflow-y: auto; flex: 1; min-height: 160px;
+    scrollbar-width: thin; scrollbar-color: #30363d transparent;
+  }
+  .export-tag-hint { font-size: 12px; color: #484f58; margin-top: 12px; }
+  .export-result-label {
+    font-size: 10px; color: #484f58; text-transform: uppercase; letter-spacing: 0.6px;
+    font-weight: 600; margin: 14px 0 6px;
+  }
+  .export-row-static { cursor: default; }
+  .export-row-static:hover { background: transparent; }
+  .export-all-desc { font-size: 12px; color: #8b949e; }
+  .export-empty { font-size: 12px; color: #484f58; text-align: center; padding: 20px; }
+  .export-list { display: flex; flex-direction: column; gap: 4px; }
+  .export-row {
+    display: flex; align-items: center; gap: 8px;
+    padding: 6px 8px; border-radius: 6px; cursor: pointer; font-size: 12px; color: #c9d1d9;
+  }
+  .export-row:hover { background: #0d1117; }
+  .export-row-name { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+  .export-row-tag {
+    font-size: 9px; color: #8b949e; background: #0d1117;
+    border: 1px solid #30363d; border-radius: 10px; padding: 1px 7px; flex-shrink: 0;
+  }
+  .export-tags { display: flex; flex-wrap: wrap; gap: 6px; }
+  .export-tag {
+    padding: 4px 10px; font-size: 11px; border-radius: 12px;
+    background: #0d1117; border: 1px solid #30363d; color: #8b949e;
+  }
+  .export-tag:hover { background: #21262d; color: #e6edf3; }
+  .export-tag.active { background: rgba(47,129,247,0.15); border-color: #2f81f7; color: #2f81f7; }
+  .export-ft {
+    display: flex; align-items: center; justify-content: space-between; gap: 10px;
+    padding: 12px 18px; border-top: 1px solid #21262d;
+  }
+  .export-count { font-size: 11px; color: #8b949e; }
+  .export-count b { color: #e6edf3; }
+  .export-ft-actions { display: flex; gap: 8px; }
+  .btn-export-confirm { background: #238636; border-color: #238636; color: #fff; }
+  .btn-export-confirm:hover:not(:disabled) { background: #2ea043; border-color: #2ea043; }
+  .btn-export-confirm:disabled { opacity: 0.45; cursor: not-allowed; }
 `;
 
 // src/components/configuration/configuration.template.ts
+init_html_utils();
 var LANGS = [
   { value: "es", label: "Espa\xF1ol" },
   { value: "en", label: "English" },
@@ -3208,8 +3759,64 @@ var LANGS = [
   { value: "it", label: "Italiano" },
   { value: "de", label: "Deutsch" }
 ];
+function renderExportOverlay(state, t) {
+  const { isExporting, exportMode, exportTests, exportSelectedIds, exportSelectedTags } = state;
+  if (!isExporting) return "";
+  const count = selectTestsForExport(exportTests, exportMode, {
+    ids: exportSelectedIds,
+    tags: exportSelectedTags
+  }).length;
+  const modeBtn = (mode, key) => `<button class="export-mode ${exportMode === mode ? "active" : ""}" data-export-mode="${mode}">${t(key)}</button>`;
+  let body;
+  if (exportTests.length === 0) {
+    body = `<div class="export-empty">${t("CONFIG.EXPORT_EMPTY")}</div>`;
+  } else if (exportMode === "all") {
+    body = `<div class="export-all-desc">${t("CONFIG.EXPORT_ALL_DESC")}</div>`;
+  } else if (exportMode === "manual") {
+    body = `<div class="export-list">${exportTests.map((test) => `
+        <label class="export-row">
+          <input type="checkbox" data-export-test="${test.id}" ${exportSelectedIds.has(test.id) ? "checked" : ""} />
+          <span class="export-row-name">${escHtml(test.name)}</span>
+          ${(test.tags ?? []).map((tag) => `<span class="export-row-tag">${escHtml(tag)}</span>`).join("")}
+        </label>`).join("")}</div>`;
+  } else {
+    const allTags = [...new Set(exportTests.flatMap((test) => test.tags ?? []))].sort();
+    if (!allTags.length) {
+      body = `<div class="export-empty">${t("CONFIG.EXPORT_NO_TAGS")}</div>`;
+    } else {
+      const chips = `<div class="export-tags">${allTags.map((tag) => `<button class="export-tag ${exportSelectedTags.has(tag) ? "active" : ""}" data-export-tag="${escAttr(tag)}">${escHtml(tag)}</button>`).join("")}</div>`;
+      const matched = selectTestsForExport(exportTests, "tags", { tags: exportSelectedTags });
+      const preview = exportSelectedTags.size === 0 ? `<div class="export-tag-hint">${t("CONFIG.EXPORT_TAGS_HINT")}</div>` : `<div class="export-result-label">${t("CONFIG.EXPORT_RESULT_LABEL")}</div>
+           <div class="export-list">${matched.map((test) => `
+             <div class="export-row export-row-static">
+               <span class="export-row-name">${escHtml(test.name)}</span>
+               ${(test.tags ?? []).map((tag) => `<span class="export-row-tag">${escHtml(tag)}</span>`).join("")}
+             </div>`).join("")}</div>`;
+      body = chips + preview;
+    }
+  }
+  return `
+    <div class="export-overlay" id="export-overlay">
+      <div class="export-modal">
+        <div class="export-hd">${t("CONFIG.EXPORT_DIALOG_TITLE")}</div>
+        ${exportTests.length ? `<div class="export-modes">
+          ${modeBtn("all", "CONFIG.EXPORT_MODE_ALL")}
+          ${modeBtn("manual", "CONFIG.EXPORT_MODE_MANUAL")}
+          ${modeBtn("tags", "CONFIG.EXPORT_MODE_TAGS")}
+        </div>` : ""}
+        <div class="export-body">${body}</div>
+        <div class="export-ft">
+          <span class="export-count">${t("CONFIG.EXPORT_COUNT")} <b>${count}</b></span>
+          <span class="export-ft-actions">
+            <button id="btn-export-confirm" class="btn-export-confirm" ${count === 0 ? "disabled" : ""}>${t("CONFIG.EXPORT_CONFIRM")}</button>
+            <button id="btn-export-cancel">${t("CONFIG.EXPORT_CANCEL")}</button>
+          </span>
+        </div>
+      </div>
+    </div>`;
+}
 function renderConfiguration(state, t) {
-  const { selectedLanguage, advancedHttpConfig, selectorStrategy, filesystemGranted, cypressFolderName, smartSelectorEnabled } = state;
+  const { selectedLanguage, advancedHttpConfig, selectorStrategy, filesystemGranted, cypressFolderName, smartSelectorEnabled, startHidden, resumeTtlMinutes } = state;
   const langOptions = LANGS.map(
     (l) => `<option value="${l.value}" ${selectedLanguage === l.value ? "selected" : ""}>${l.label}</option>`
   ).join("");
@@ -3249,6 +3856,29 @@ function renderConfiguration(state, t) {
         </label>
       </div>
 
+      <!-- Start Hidden -->
+      <div class="card">
+        <div class="card-hd">${t("CONFIG.START_HIDDEN_SECTION")}</div>
+        <label class="check-row">
+          <input type="checkbox" id="start-hidden-toggle" ${startHidden ? "checked" : ""} />
+          <div>
+            <div class="check-title">${t("CONFIG.START_HIDDEN_TITLE")}</div>
+            <div class="check-sub">${t("CONFIG.START_HIDDEN_SUB")}</div>
+          </div>
+        </label>
+      </div>
+
+      <!-- Recording continuity (cross-app resume TTL) -->
+      <div class="card">
+        <div class="card-hd">${t("CONFIG.RESUME_TTL_SECTION")}</div>
+        <div class="field-row">
+          <span class="field-label">${t("CONFIG.RESUME_TTL_LABEL")}</span>
+          <input type="number" id="resume-ttl-input" min="1" step="1" value="${resumeTtlMinutes}"
+            style="width:80px;padding:5px 8px;background:#161b22;border:1px solid #30363d;border-radius:5px;color:#c9d1d9;font-size:12px;outline:none" />
+        </div>
+        <div class="check-sub" style="margin-top:8px">${t("CONFIG.RESUME_TTL_HINT")}</div>
+      </div>
+
       <!-- Selector Strategy -->
       <div class="card card-wide">
         <div class="card-hd">${t("CONFIG.SELECTOR_SECTION")}</div>
@@ -3268,13 +3898,13 @@ function renderConfiguration(state, t) {
       <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>
+          <pre class="fs-tree">cypress/  <span style="color:#484f58">${t("RECORDER.FS_TREE_PICK_HINT")}</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>`}
+              ${filesystemGranted && cypressFolderName ? `<span>${t("CONFIG.FOLDER_CONNECTED")}</span>&nbsp;<span class="fs-folder">\u{1F4C1} ${escHtml(cypressFolderName)}</span>` : `<span>${t("CONFIG.FOLDER_NOT_SET")}</span>`}
             </div>
             <div class="btn-row">
               <button id="btn-change-folder">
@@ -3299,7 +3929,7 @@ function renderConfiguration(state, t) {
         </div>
       </div>
 
-    </div>`;
+    </div>${renderExportOverlay(state, t)}`;
 }
 
 // src/components/configuration/configuration.ts
@@ -3311,6 +3941,13 @@ var ConfigurationElement = class extends HTMLElement {
   advancedHttpConfig = false;
   selectorStrategy = "data-cy";
   smartSelectorEnabled = true;
+  startHidden = false;
+  resumeTtlMinutes = DEFAULT_RESUME_TTL_MINUTES;
+  isExporting = false;
+  exportMode = "all";
+  exportTests = [];
+  exportSelectedIds = /* @__PURE__ */ new Set();
+  exportSelectedTags = /* @__PURE__ */ new Set();
   filesystemGranted = false;
   cypressFolderName = null;
   constructor() {
@@ -3336,6 +3973,12 @@ var ConfigurationElement = class extends HTMLElement {
     this.advancedHttpConfig = localStorage.getItem("extendedHttpCommands") === "true";
     this.selectorStrategy = config?.["selectorStrategy"] ?? "data-cy";
     this.smartSelectorEnabled = config?.["smartSelectorEnabled"] !== "false";
+    this.startHidden = config?.["startHidden"] === "true";
+    const ttlRaw = config?.[RESUME_TTL_CONFIG_KEY];
+    if (ttlRaw !== void 0 && ttlRaw !== null) {
+      const ttl = Number(ttlRaw);
+      this.resumeTtlMinutes = Number.isFinite(ttl) && ttl > 0 ? ttl : DEFAULT_RESUME_TTL_MINUTES;
+    }
     this.filesystemGranted = config?.["allowReadWriteFiles"] === "true";
     const handle = config?.["cypressDirectoryHandle"];
     this.cypressFolderName = handle?.name ?? null;
@@ -3353,6 +3996,18 @@ var ConfigurationElement = class extends HTMLElement {
     this.persistence.setConfig({ extendedHttpCommands: checked ? "true" : "false" });
     this.render();
   }
+  async onStartHiddenChange(checked) {
+    this.startHidden = checked;
+    await this.persistence.setConfig({ startHidden: checked ? "true" : "false" });
+    this.dispatchEvent(new CustomEvent("starthiddenchange", { detail: checked, bubbles: true, composed: true }));
+    this.render();
+  }
+  async onResumeTtlChange(minutes) {
+    const safe = Number.isFinite(minutes) && minutes > 0 ? Math.round(minutes) : DEFAULT_RESUME_TTL_MINUTES;
+    this.resumeTtlMinutes = safe;
+    await this.persistence.setConfig({ [RESUME_TTL_CONFIG_KEY]: safe });
+    this.render();
+  }
   async onSmartSelectorChange(enabled) {
     this.smartSelectorEnabled = enabled;
     await this.persistence.setConfig({ smartSelectorEnabled: enabled ? "true" : "false" });
@@ -3382,8 +4037,7 @@ var ConfigurationElement = class extends HTMLElement {
     this.cypressFolderName = null;
     this.render();
   }
-  async exportAllData() {
-    const tests = await this.persistence.getAllTests();
+  downloadTests(tests) {
     const blob = new Blob([JSON.stringify({ tests, interceptors: [] }, null, 2)], { type: "application/json" });
     const url = URL.createObjectURL(blob);
     const a = document.createElement("a");
@@ -3392,6 +4046,53 @@ var ConfigurationElement = class extends HTMLElement {
     a.click();
     URL.revokeObjectURL(url);
   }
+  /** Downloads every saved test (used by the "Todo" mode and as a direct API). */
+  async exportAllData() {
+    const tests = await this.persistence.getAllTests();
+    this.downloadTests(tests);
+  }
+  /** Opens the export selection dialog, loading the current tests. */
+  async openExportDialog() {
+    this.exportTests = await this.persistence.getAllTests();
+    this.exportMode = "all";
+    this.exportSelectedIds = /* @__PURE__ */ new Set();
+    this.exportSelectedTags = /* @__PURE__ */ new Set();
+    this.isExporting = true;
+    this.render();
+  }
+  cancelExport() {
+    this.isExporting = false;
+    this.exportSelectedIds.clear();
+    this.exportSelectedTags.clear();
+    this.render();
+  }
+  setExportMode(mode) {
+    this.exportMode = mode;
+    this.render();
+  }
+  toggleExportTest(id) {
+    if (this.exportSelectedIds.has(id)) this.exportSelectedIds.delete(id);
+    else this.exportSelectedIds.add(id);
+    this.render();
+  }
+  toggleExportTag(tag) {
+    if (this.exportSelectedTags.has(tag)) this.exportSelectedTags.delete(tag);
+    else this.exportSelectedTags.add(tag);
+    this.render();
+  }
+  /** Downloads the tests resolved by the current mode + selection. No-op if empty. */
+  confirmExport() {
+    const subset = selectTestsForExport(this.exportTests, this.exportMode, {
+      ids: this.exportSelectedIds,
+      tags: this.exportSelectedTags
+    });
+    if (!subset.length) return;
+    this.downloadTests(subset);
+    this.isExporting = false;
+    this.exportSelectedIds.clear();
+    this.exportSelectedTags.clear();
+    this.render();
+  }
   async importAllData(file) {
     const text = await file.text();
     let data;
@@ -3403,7 +4104,6 @@ var ConfigurationElement = class extends HTMLElement {
     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() {
@@ -3413,7 +4113,14 @@ var ConfigurationElement = class extends HTMLElement {
       selectorStrategy: this.selectorStrategy,
       filesystemGranted: this.filesystemGranted,
       cypressFolderName: this.cypressFolderName,
-      smartSelectorEnabled: this.smartSelectorEnabled
+      smartSelectorEnabled: this.smartSelectorEnabled,
+      startHidden: this.startHidden,
+      resumeTtlMinutes: this.resumeTtlMinutes,
+      isExporting: this.isExporting,
+      exportMode: this.exportMode,
+      exportTests: this.exportTests,
+      exportSelectedIds: this.exportSelectedIds,
+      exportSelectedTags: this.exportSelectedTags
     }, this.t.bind(this))}`;
     ;
     this.shadow.getElementById("lang-select").addEventListener(
@@ -3428,13 +4135,32 @@ var ConfigurationElement = class extends HTMLElement {
       "change",
       (e) => this.onSmartSelectorChange(e.target.checked)
     );
+    this.shadow.getElementById("start-hidden-toggle").addEventListener(
+      "change",
+      (e) => this.onStartHiddenChange(e.target.checked)
+    );
+    this.shadow.getElementById("resume-ttl-input").addEventListener(
+      "change",
+      (e) => this.onResumeTtlChange(Number(e.target.value))
+    );
     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("btn-export")?.addEventListener("click", () => this.openExportDialog());
+    this.shadow.getElementById("btn-export-confirm")?.addEventListener("click", () => this.confirmExport());
+    this.shadow.getElementById("btn-export-cancel")?.addEventListener("click", () => this.cancelExport());
+    this.shadow.querySelectorAll("[data-export-mode]").forEach(
+      (el) => el.addEventListener("click", () => this.setExportMode(el.dataset["exportMode"]))
+    );
+    this.shadow.querySelectorAll("[data-export-test]").forEach(
+      (el) => el.addEventListener("change", () => this.toggleExportTest(Number(el.dataset["exportTest"])))
+    );
+    this.shadow.querySelectorAll("[data-export-tag]").forEach(
+      (el) => el.addEventListener("click", () => this.toggleExportTag(el.dataset["exportTag"] ?? ""))
+    );
     this.shadow.getElementById("file-input").addEventListener("change", async (e) => {
       const file = e.target.files?.[0];
       if (!file) return;
@@ -3500,12 +4226,21 @@ var ADVANCED_TEST_EDITOR_STYLES = `
   .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-size: 11px; color: #c9d1d9; margin: 0;
     font-family: 'Cascadia Code', 'Fira Code', 'Consolas', monospace;
-    line-height: 1.7; overflow-y: auto;
-    border: 1px solid #21262d;
+    line-height: 1.7; border: 1px solid #21262d;
+    white-space: pre; overflow-x: auto; overflow-y: auto;
+    scrollbar-width: thin; scrollbar-color: #30363d transparent;
   }
+  pre::-webkit-scrollbar { width: 4px; height: 4px; }
+  pre::-webkit-scrollbar-thumb { background: #30363d; border-radius: 2px; }
+  .pre-block { font-size: 10.5px; }
+  .pre-icp .sh-str { color: #85e89d; }
+  .sh-kw  { color: #ff7b72; }
+  .sh-bi  { color: #d2a8ff; }
+  .sh-str { color: #a5d6ff; }
+  .sh-cmt { color: #8b949e; font-style: italic; }
+  .sh-num { color: #79c0ff; }
   .footer {
     padding: 10px 14px; border-top: 1px solid #21262d;
     display: flex; gap: 8px; justify-content: flex-end; background: #161b22;
@@ -3521,6 +4256,12 @@ var ADVANCED_TEST_EDITOR_STYLES = `
   .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; }
+  .test-notes {
+    margin: 0 0 10px; padding: 8px 12px;
+    background: rgba(47,129,247,0.06); border-left: 3px solid rgba(47,129,247,0.4);
+    border-radius: 0 6px 6px 0; font-size: 12px; color: #8b949e;
+    line-height: 1.6; white-space: pre-wrap; word-break: break-word;
+  }
   .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;
@@ -3529,18 +4270,21 @@ var ADVANCED_TEST_EDITOR_STYLES = `
   }
   .btn-copy:hover { background: #30363d; color: #e6edf3; }
   .sidebar-toolbar {
-    display: flex; gap: 4px; padding: 6px 6px 4px;
+    display: flex; flex-wrap: wrap; gap: 4px; padding: 6px 6px 4px;
     border-bottom: 1px solid #21262d; flex-shrink: 0; background: #0d1117;
   }
   .btn-toolbar {
-    flex: 1; padding: 4px 6px; border: 1px solid #30363d; border-radius: 5px; cursor: pointer;
+    flex: 1 1 calc(50% - 2px); padding: 4px 6px; border: 1px solid #30363d; border-radius: 5px; cursor: pointer;
     font-size: 10px; font-weight: 500; background: #161b22; color: #8b949e;
     transition: background 0.12s, color 0.12s; white-space: nowrap; overflow: hidden;
     text-overflow: ellipsis;
   }
+  .btn-toolbar.btn-full { flex: 1 1 100%; }
   .btn-toolbar:hover { background: #30363d; color: #e6edf3; }
   .btn-toolbar.btn-new { color: #3fb950; border-color: #238636; }
   .btn-toolbar.btn-new:hover { background: #238636; color: #fff; }
+  .btn-toolbar.btn-new-folder { color: #d29922; border-color: #9e6a03; }
+  .btn-toolbar.btn-new-folder:hover { background: #9e6a03; color: #fff; }
   .new-file-form {
     padding: 6px; border-bottom: 1px solid #21262d; display: flex; flex-direction: column; gap: 4px;
   }
@@ -3574,23 +4318,24 @@ function renderNoPermission(needsReauth, t) {
     </div>`;
 }
 function renderAdvancedEditor(state, t) {
-  const { e2eTree, selectedFile, selectedFileContent, testItBlock, interceptorsBlock, saveButtonEnabled, isCreatingFile, collapsedDirs, sidebarWidth } = state;
+  const { e2eTree, selectedFile, selectedFileContent, testItBlock, interceptorsBlock, testNotes, saveButtonEnabled, isCreatingFile, isCreatingFolder, collapsedDirs, sidebarWidth } = state;
   const treeHtml = e2eTree.length ? renderTree(e2eTree, selectedFile, collapsedDirs) : `<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>`;
+       <pre class="pre-file">${syntaxHighlight(selectedFileContent.slice(0, 6e3))}${selectedFileContent.length > 6e3 ? "\n..." : ""}</pre>` : `<div class="placeholder">${t("ADVANCED_EDITOR.SELECT_FILE")}</div>`;
+  const notesHtml = testItBlock && testNotes ? `<p class="test-notes">${escHtml(testNotes)}</p>` : "";
   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>
+         <pre class="pre-block">${syntaxHighlight(testItBlock.slice(0, 3e3))}</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>
+         <pre class="pre-block pre-icp">${syntaxHighlight(interceptorsBlock.slice(0, 3e3))}</pre>
        </div>` : "";
   const newFileForm = isCreatingFile ? `<div class="new-file-form">
          <input id="input-new-file" type="text" placeholder="${escHtml(t("ADVANCED_EDITOR.NEW_FILE_PLACEHOLDER"))}" autocomplete="off" />
@@ -3600,21 +4345,30 @@ function renderAdvancedEditor(state, t) {
            <button id="btn-new-file-cancel" class="btn-cancel-form">${t("ADVANCED_EDITOR.NEW_FILE_CANCEL")}</button>
          </div>
        </div>` : "";
+  const newFolderForm = isCreatingFolder ? `<div class="new-file-form">
+         <input id="input-new-folder" type="text" placeholder="${escHtml(t("ADVANCED_EDITOR.NEW_FOLDER_PLACEHOLDER"))}" autocomplete="off" />
+         <div class="new-file-actions">
+           <button id="btn-new-folder-confirm" class="btn-confirm">${t("ADVANCED_EDITOR.NEW_FILE_CONFIRM")}</button>
+           <button id="btn-new-folder-cancel" class="btn-cancel-form">${t("ADVANCED_EDITOR.NEW_FILE_CANCEL")}</button>
+         </div>
+       </div>` : "";
   const toolbar = `
     <div class="sidebar-toolbar">
       <button id="btn-new-file" class="btn-toolbar btn-new">${t("ADVANCED_EDITOR.NEW_FILE_BTN")}</button>
-      <button id="btn-refresh" class="btn-toolbar">${t("ADVANCED_EDITOR.REFRESH_BTN")}</button>
+      <button id="btn-new-folder" class="btn-toolbar btn-new-folder">${t("ADVANCED_EDITOR.NEW_FOLDER_BTN")}</button>
+      <button id="btn-refresh" class="btn-toolbar btn-full">${t("ADVANCED_EDITOR.REFRESH_BTN")}</button>
     </div>`;
   return `
     <div class="layout">
       <div class="sidebar" style="width:${sidebarWidth}px">
         ${toolbar}
         ${newFileForm}
+        ${newFolderForm}
         <div class="tree-scroll">${treeHtml}</div>
       </div>
       <div id="resize-handle" class="resize-handle"></div>
       <div class="main">
-        <div class="content-area">${contentHtml}${itHtml}${interceptorsHtml}</div>
+        <div class="content-area">${contentHtml}${notesHtml}${itHtml}${interceptorsHtml}</div>
         <div class="footer">
           <button id="btn-save" class="btn-save"
             ${!saveButtonEnabled || !testItBlock ? "disabled" : ""}>
@@ -3675,10 +4429,12 @@ var AdvancedTestEditorElement = class extends HTMLElement {
   selectedFileContent = null;
   testItBlock = "";
   interceptorsBlock = "";
+  testNotes = "";
   isPreviewMode = false;
   previewFileName = null;
   previewFileContent = null;
   isCreatingFile = false;
+  isCreatingFolder = false;
   collapsedDirs = /* @__PURE__ */ new Set();
   sidebarWidth = 220;
   hasPermission = false;
@@ -3741,7 +4497,7 @@ var AdvancedTestEditorElement = class extends HTMLElement {
     const name = rawName.trim().replace(/\.cy\.ts$/, "");
     if (!name) return;
     const fileName = `${name}.cy.ts`;
-    const template = `describe('${name}', () => {
+    const template = `describe('${escapeSingleQuotes(name)}', () => {
 
   it('should ', () => {
 
@@ -3759,6 +4515,17 @@ var AdvancedTestEditorElement = class extends HTMLElement {
     this.isCreatingFile = false;
     await this.getFoldersData();
   }
+  async createNewFolder(rawName) {
+    if (!this._e2eHandle) return;
+    const name = rawName.trim().replace(/[/\\]/g, "");
+    if (!name) return;
+    try {
+      await this._e2eHandle.getDirectoryHandle(name, { create: true });
+    } catch {
+    }
+    this.isCreatingFolder = false;
+    await this.getFoldersData();
+  }
   async refreshTree() {
     await this.getFoldersData();
   }
@@ -3768,7 +4535,8 @@ var AdvancedTestEditorElement = class extends HTMLElement {
     if (this.interceptorsBlock) {
       content = this.transformationService.insertBeforeEach(content, this.interceptorsBlock);
     }
-    content = this.transformationService.insertItBlock(content, this.testItBlock);
+    const comment = this.testNotes ? this.transformationService.buildBlockComment(this.testNotes) + "\n" : "";
+    content = this.transformationService.insertItBlock(content, comment + this.testItBlock);
     if (!content) return;
     const writable = await this.selectedFileHandle.createWritable();
     await writable.write(content);
@@ -3795,9 +4563,11 @@ var AdvancedTestEditorElement = class extends HTMLElement {
     if (test) {
       this.testItBlock = test.itBlock ?? "";
       this.interceptorsBlock = test.interceptorsBlock ?? "";
+      this.testNotes = test.notes ?? "";
     } else {
       this.testItBlock = "";
       this.interceptorsBlock = "";
+      this.testNotes = "";
     }
     this.render();
   }
@@ -3813,7 +4583,8 @@ var AdvancedTestEditorElement = class extends HTMLElement {
         fileName: this.selectedFile?.name ?? "",
         testId: this.testId,
         itBlock: this.testItBlock,
-        interceptorsBlock: this.interceptorsBlock
+        interceptorsBlock: this.interceptorsBlock,
+        notes: this.testNotes
       },
       bubbles: true,
       composed: true
@@ -3887,8 +4658,10 @@ var AdvancedTestEditorElement = class extends HTMLElement {
       selectedFileContent: this.selectedFileContent,
       testItBlock: this.testItBlock,
       interceptorsBlock: this.interceptorsBlock,
+      testNotes: this.testNotes,
       saveButtonEnabled: this.saveButtonEnabled,
       isCreatingFile: this.isCreatingFile,
+      isCreatingFolder: this.isCreatingFolder,
       collapsedDirs: this.collapsedDirs,
       sidebarWidth: this.sidebarWidth
     }, this.t.bind(this))}`;
@@ -3912,9 +4685,16 @@ var AdvancedTestEditorElement = class extends HTMLElement {
     this.shadow.getElementById("btn-close")?.addEventListener("click", () => this.closePreview());
     this.shadow.getElementById("btn-new-file")?.addEventListener("click", () => {
       this.isCreatingFile = !this.isCreatingFile;
+      this.isCreatingFolder = false;
       this.render();
       if (this.isCreatingFile) this.shadow.getElementById("input-new-file")?.focus();
     });
+    this.shadow.getElementById("btn-new-folder")?.addEventListener("click", () => {
+      this.isCreatingFolder = !this.isCreatingFolder;
+      this.isCreatingFile = false;
+      this.render();
+      if (this.isCreatingFolder) this.shadow.getElementById("input-new-folder")?.focus();
+    });
     this.shadow.getElementById("btn-refresh")?.addEventListener("click", () => this.refreshTree());
     this.shadow.getElementById("btn-new-file-confirm")?.addEventListener("click", () => {
       const input2 = this.shadow.getElementById("input-new-file");
@@ -3933,6 +4713,23 @@ var AdvancedTestEditorElement = class extends HTMLElement {
         this.render();
       }
     });
+    this.shadow.getElementById("btn-new-folder-confirm")?.addEventListener("click", () => {
+      const folderInput2 = this.shadow.getElementById("input-new-folder");
+      this.createNewFolder(folderInput2?.value ?? "");
+    });
+    this.shadow.getElementById("btn-new-folder-cancel")?.addEventListener("click", () => {
+      this.isCreatingFolder = false;
+      this.render();
+    });
+    const folderInput = this.shadow.getElementById("input-new-folder");
+    folderInput?.addEventListener("keydown", (e) => {
+      if (e.key === "Enter") {
+        this.createNewFolder(folderInput.value);
+      } else if (e.key === "Escape") {
+        this.isCreatingFolder = false;
+        this.render();
+      }
+    });
   }
 };
 if (!customElements.get("advanced-test-editor")) {
@@ -4018,7 +4815,30 @@ var FILE_PREVIEW_STYLES = `
   .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-launch:disabled { opacity: 0.45; cursor: not-allowed; }
+  .btn-launch:disabled:hover { background: transparent; }
+  .launch-hint { font-size: 10px; color: #8b6d3b; align-self: center; }
+  .btn-insert { background: transparent; border-color: #a371f7; color: #a371f7; }
+  .btn-insert:hover { background: rgba(163,113,247,0.12); color: #c8a8ff; }
   .btn-diff-active { background: rgba(47,129,247,0.15); border-color: rgba(47,129,247,0.4); color: #2f81f7; }
+
+  /* \u2500\u2500 Run result panel \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */
+  .run-result {
+    border-top: 1px solid #21262d; padding: 8px 12px; background: #0d1117;
+    max-height: 220px; overflow-y: auto; flex-shrink: 0;
+    scrollbar-width: thin; scrollbar-color: #30363d transparent;
+  }
+  .run-status { font-size: 12px; font-weight: 600; }
+  .run-passed  .run-status { color: #3fb950; }
+  .run-failed  .run-status { color: #f85149; }
+  .run-running .run-status { color: #e3b341; }
+  .run-error   .run-status { color: #f85149; }
+  .run-output {
+    margin: 6px 0 0; padding: 8px 10px; background: #161b22; border: 1px solid #21262d;
+    border-radius: 5px; font-size: 10px; color: #c9d1d9; line-height: 1.5;
+    font-family: 'Cascadia Code','Fira Code','Consolas',monospace;
+    white-space: pre-wrap; word-break: break-word; max-height: 160px; overflow-y: auto;
+  }
 `;
 
 // src/components/file-preview/file-preview.template.ts
@@ -4076,8 +4896,14 @@ function buildDiffHtml(original, current, t) {
     return `<div class="diff-line ${type}"><span class="diff-sign">${sign}</span><span>${escHtml(line)}</span></div>`;
   }).join("");
 }
+var RUN_STATUS_KEY = {
+  running: "FILE_PREVIEW.LAUNCH_RUNNING",
+  passed: "FILE_PREVIEW.LAUNCH_PASSED",
+  failed: "FILE_PREVIEW.LAUNCH_FAILED",
+  error: "FILE_PREVIEW.LAUNCH_NO_RUNNER"
+};
 function renderFilePreview(state, t) {
-  const { fileName, showDiff, fileContent, originalContent, currentContent, itBlock, interceptorsBlock, closeLabel } = state;
+  const { fileName, showDiff, fileContent, originalContent, currentContent, itBlock, interceptorsBlock, closeLabel, isLocal, runState, runOutput } = state;
   const blocksPanelHtml = itBlock || interceptorsBlock ? `
     <div class="blocks-panel">
       ${itBlock ? `
@@ -4098,6 +4924,13 @@ function renderFilePreview(state, t) {
       </div>` : ""}
     </div>` : "";
   const hasChanges = originalContent !== null && originalContent !== (fileContent ?? "");
+  const hasBlocks = !!(itBlock || interceptorsBlock);
+  const launchBtnHtml = isLocal ? `<button id="btn-launch" class="btn-launch" ${runState === "running" ? "disabled" : ""}>${runState === "running" ? t("FILE_PREVIEW.LAUNCH_RUNNING") : t("FILE_PREVIEW.LAUNCH_BTN")}</button>` : `<button class="btn-launch" disabled title="${t("FILE_PREVIEW.LAUNCH_LOCAL_ONLY")}">${t("FILE_PREVIEW.LAUNCH_BTN")}</button>
+       <span class="launch-hint">${t("FILE_PREVIEW.LAUNCH_LOCAL_ONLY")}</span>`;
+  const runResultHtml = runState !== "idle" ? `<div class="run-result run-${runState}">
+         <span class="run-status">${t(RUN_STATUS_KEY[runState])}</span>
+         ${runOutput ? `<pre class="run-output">${escHtml(runOutput.slice(0, 8e3))}</pre>` : ""}
+       </div>` : "";
   return `
     <div class="container">
       <div class="header">
@@ -4108,9 +4941,11 @@ function renderFilePreview(state, t) {
         ${showDiff ? `<div class="diff-panel" id="diff-panel">${buildDiffHtml(originalContent ?? "", currentContent, t)}</div>` : `<textarea class="editor" id="editor" spellcheck="false">${escHtml(fileContent ?? "")}</textarea>`}
         ${blocksPanelHtml}
       </div>
+      ${runResultHtml}
       <div class="footer">
-        <button id="btn-launch" class="btn-launch">${t("FILE_PREVIEW.LAUNCH_BTN")}</button>
+        ${launchBtnHtml}
         ${hasChanges ? `<button id="btn-diff" class="${showDiff ? "btn-diff-active" : ""}">${t("FILE_PREVIEW.DIFF_BTN")}</button>` : ""}
+        ${hasBlocks && !showDiff ? `<button id="btn-insert" class="btn-insert" title="${t("FILE_PREVIEW.INSERT_TITLE")}">${t("FILE_PREVIEW.INSERT_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>
@@ -4126,11 +4961,18 @@ var FilePreviewElement = class extends HTMLElement {
   translation = translationService;
   itBlock = "";
   interceptorsBlock = "";
+  notes = "";
   commands = [];
   interceptors = [];
+  /** Endpoint of the local Cypress runner. Configurable; defaults to the bundled runner's port. */
+  runnerUrl = "http://localhost:8123/run-test";
+  /** Whether the app is served locally — gates the launch button. Overridable for tests. */
+  isLocal = isLocalHost(window.location.hostname);
   _fileContent = null;
   _originalContent = null;
   _showDiff = false;
+  _runState = "idle";
+  _runOutput = "";
   constructor() {
     super();
     this.shadow = this.attachShadow({ mode: "open" });
@@ -4158,15 +5000,34 @@ var FilePreviewElement = class extends HTMLElement {
   onClose() {
     this.dispatchEvent(new CustomEvent("close", { bubbles: true, composed: true }));
   }
+  /**
+   * Runs the current spec headless via the local runner and shows the result.
+   * No-op off localhost. Never throws — connection failures surface as an
+   * "error" state + toast instead of an unhandled rejection.
+   */
   async launchTest(specPath) {
-    const path = specPath ?? (this.fileName ? `cypress/e2e/${this.fileName}` : "");
+    if (!this.isLocal) return;
+    const path = specPath ?? 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();
+    this._runState = "running";
+    this._runOutput = "";
+    this.render();
+    try {
+      const response = await fetch(this.runnerUrl, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ specPath: path })
+      });
+      if (!response.ok) throw new Error(`HTTP ${response.status}`);
+      const result = await response.json();
+      this._runOutput = result.output ?? "";
+      this._runState = result.success ? "passed" : "failed";
+    } catch {
+      this._runState = "error";
+      this._runOutput = "";
+      showToast(this.t("FILE_PREVIEW.LAUNCH_NO_RUNNER"), false);
+    }
+    this.render();
   }
   copyToClipboard(text) {
     navigator.clipboard?.writeText(text);
@@ -4175,6 +5036,32 @@ var FilePreviewElement = class extends HTMLElement {
     this._showDiff = !this._showDiff;
     this.render();
   }
+  /**
+   * Merges the it() and beforeEach() blocks into the current editor content
+   * using the same logic as the automatic "Insert into file" action, so the
+   * user does not have to copy/paste manually. Leaves the content untouched
+   * (and warns) when the file has no valid describe() block to insert into.
+   */
+  insertBlocks() {
+    const base = this.textarea?.value ?? this._fileContent ?? "";
+    let content = base;
+    if (this.interceptorsBlock) {
+      const merged = advancedTestTransformationService.insertBeforeEach(content, this.interceptorsBlock);
+      if (merged) content = merged;
+    }
+    if (this.itBlock) {
+      const comment = this.notes ? advancedTestTransformationService.buildBlockComment(this.notes) + "\n" : "";
+      const merged = advancedTestTransformationService.insertItBlock(content, comment + this.itBlock);
+      if (merged) content = merged;
+    }
+    if (content === base) {
+      showToast(this.t("FILE_PREVIEW.INSERT_ERROR"), false);
+      return;
+    }
+    this._fileContent = content;
+    this.render();
+    showToast(this.t("FILE_PREVIEW.INSERT_DONE"));
+  }
   render() {
     this.shadow.innerHTML = `<style>${FILE_PREVIEW_STYLES}</style>${renderFilePreview({
       fileName: this.fileName,
@@ -4184,7 +5071,10 @@ var FilePreviewElement = class extends HTMLElement {
       currentContent: this.textarea?.value ?? this._fileContent ?? "",
       itBlock: this.itBlock,
       interceptorsBlock: this.interceptorsBlock,
-      closeLabel: this.closeLabel
+      closeLabel: this.closeLabel,
+      isLocal: this.isLocal,
+      runState: this._runState,
+      runOutput: this._runOutput
     }, this.t.bind(this))}`;
     this.textarea = this.shadow.getElementById("editor");
     if (this.textarea) {
@@ -4200,6 +5090,7 @@ var FilePreviewElement = class extends HTMLElement {
       this.copyToClipboard(this.textarea?.value ?? this._fileContent ?? "");
     });
     this.shadow.getElementById("btn-diff")?.addEventListener("click", () => this.toggleDiff());
+    this.shadow.getElementById("btn-insert")?.addEventListener("click", () => this.insertBlocks());
     this.shadow.getElementById("btn-copy-it")?.addEventListener("click", () => {
       this.copyToClipboard(this.itBlock);
     });
@@ -4447,6 +5338,9 @@ var LibE2eRecorderElement = class extends HTMLElement {
   interceptorsUnsub;
   pauseUnsub;
   selectorNotFoundUnsub;
+  langUnsub;
+  sessionUnsub;
+  sessionSaveTimer;
   controlFirstTimeData = true;
   _previsualizerRef = null;
   httpMonitor;
@@ -4454,6 +5348,7 @@ var LibE2eRecorderElement = class extends HTMLElement {
   recording;
   persistence;
   translation;
+  isVisible = false;
   isRecording = false;
   isPaused = false;
   cypressCommands = [];
@@ -4488,17 +5383,22 @@ var LibE2eRecorderElement = class extends HTMLElement {
     this.initSelectorStrategy();
     this.initSubscriptions();
     this.render();
+    this.initVisibility();
+    this.initSessionContinuity();
     this.keydownHandler = (e) => this.handleKeyboardEvent(e);
     window.addEventListener("keydown", this.keydownHandler);
   }
   disconnectedCallback() {
     if (this._isDisabled) return;
     window.removeEventListener("keydown", this.keydownHandler);
+    this.flushActiveSessionOnDisconnect();
     this.recordingUnsub?.();
     this.commandsUnsub?.();
     this.interceptorsUnsub?.();
     this.pauseUnsub?.();
     this.selectorNotFoundUnsub?.();
+    this.langUnsub?.();
+    this.sessionUnsub?.();
     this.httpMonitor?.uninstall();
     this.recording.destroy();
   }
@@ -4521,11 +5421,13 @@ var LibE2eRecorderElement = class extends HTMLElement {
       this.isRecording = val;
       if (!val && !this.controlFirstTimeData) {
         this.saveRecordingHistory();
+        this.clearSessionPersistence();
         this.showSaveTestDialog();
       }
       this.controlFirstTimeData = false;
       this.render();
     });
+    this.sessionUnsub = this.recording.onSessionChange((state) => this.persistActiveSession(state));
     this.commandsUnsub = this.recording.onCommandsChange((cmds) => {
       this.cypressCommands = cmds;
       if (this._previsualizerRef) this._previsualizerRef.commands = cmds;
@@ -4541,6 +5443,7 @@ var LibE2eRecorderElement = class extends HTMLElement {
     this.selectorNotFoundUnsub = this.recording.onSelectorNotFound((target) => {
       if (this.smartSelectorEnabled) this.showSelectorPicker(target);
     });
+    this.langUnsub = this.translation.onLangChange(() => this.render());
   }
   showSelectorPicker(target) {
     Promise.resolve().then(() => (init_selector_picker(), selector_picker_exports)).then(() => {
@@ -4553,12 +5456,135 @@ var LibE2eRecorderElement = class extends HTMLElement {
       document.body.appendChild(picker);
     });
   }
+  async initVisibility() {
+    if (this.hasAttribute("start-hidden")) {
+      this.isVisible = this.getAttribute("start-hidden") === "false";
+      this.style.display = this.isVisible ? "" : "none";
+      return;
+    }
+    const config = await this.persistence.getGeneralConfig();
+    this.isVisible = config?.["startHidden"] !== "true";
+    this.style.display = this.isVisible ? "" : "none";
+  }
   async initSelectorStrategy() {
     const config = await this.persistence.getGeneralConfig();
     const strategy = config?.["selectorStrategy"];
     if (strategy) this.recording.selectorStrategy = strategy;
     this.smartSelectorEnabled = config?.["smartSelectorEnabled"] !== "false";
   }
+  // ── cross-app session continuity (spec 006) ───────────────────────────────
+  /**
+   * On mount, detect a persisted live recording session and either resume it
+   * silently (recent) or prompt continue/discard (stale). No-op when there is
+   * no actively-recording session.
+   */
+  async initSessionContinuity() {
+    if (this._isDisabled) return;
+    const session = await this.persistence.getActiveSession();
+    if (!session || !session.isRecording) return;
+    const ttlMin = await this.getResumeTtlMinutes();
+    const ageMs = Date.now() - session.updatedAt;
+    if (ageMs <= ttlMin * 6e4) {
+      this.resumeSessionState(session);
+    } else {
+      this.promptResumeOrDiscard(session);
+    }
+  }
+  async getResumeTtlMinutes() {
+    const config = await this.persistence.getConfig(RESUME_TTL_CONFIG_KEY);
+    const raw = config?.[RESUME_TTL_CONFIG_KEY];
+    const n = typeof raw === "number" ? raw : Number(raw);
+    return Number.isFinite(n) && n > 0 ? n : DEFAULT_RESUME_TTL_MINUTES;
+  }
+  /** Rehydrates the recorder from a persisted session (no bootstrap re-emitted). */
+  resumeSessionState(session) {
+    this.recording.restoreSession(session);
+    this.cypressCommands = session.commands;
+    this.interceptors = session.interceptors;
+    this.controlFirstTimeData = false;
+    this.render();
+  }
+  async promptResumeOrDiscard(session) {
+    const t = this.translation.translate.bind(this.translation);
+    const result = await import_sweetalert2.default.fire({
+      title: t("RECORDER.SESSION_RESUME_TITLE"),
+      html: `<div style="padding:8px 4px;color:#8b949e;font-size:13px;line-height:1.6"><p>${t("RECORDER.SESSION_RESUME_TEXT")}</p><p style="margin-top:6px;color:#c9d1d9"><b>${session.commands.length}</b> ${t("RECORDER.SESSION_RESUME_COUNT")}</p></div>`,
+      showCancelButton: true,
+      confirmButtonText: t("RECORDER.SESSION_CONTINUE_BTN"),
+      cancelButtonText: t("RECORDER.SESSION_DISCARD_BTN"),
+      color: "#e6edf3"
+    });
+    if (result && result.isConfirmed) {
+      this.resumeSessionState(session);
+    } else {
+      this.discardSession();
+    }
+  }
+  /** Debounced persistence of the live session; clears it the moment recording stops. */
+  persistActiveSession(state) {
+    if (this._isDisabled) return;
+    if (!state.isRecording) {
+      this.clearSessionPersistence();
+      return;
+    }
+    this.writeSessionBreadcrumb(state);
+    if (this.sessionSaveTimer) clearTimeout(this.sessionSaveTimer);
+    this.sessionSaveTimer = setTimeout(() => {
+      const snap = this.recording.getSessionSnapshot();
+      if (snap.isRecording) this.persistence.saveActiveSession(snap).catch(() => {
+      });
+    }, 300);
+  }
+  writeSessionBreadcrumb(state) {
+    try {
+      localStorage.setItem(ACTIVE_SESSION_BREADCRUMB_KEY, JSON.stringify({
+        sessionId: state.sessionId,
+        isRecording: state.isRecording,
+        updatedAt: state.updatedAt
+      }));
+    } catch {
+    }
+  }
+  flushActiveSessionOnDisconnect() {
+    const snap = this.recording.getSessionSnapshot();
+    if (!snap.isRecording) return;
+    if (this.sessionSaveTimer) clearTimeout(this.sessionSaveTimer);
+    this.writeSessionBreadcrumb(snap);
+    this.persistence.saveActiveSession(snap).catch(() => {
+    });
+  }
+  clearSessionPersistence() {
+    if (this.sessionSaveTimer) {
+      clearTimeout(this.sessionSaveTimer);
+      this.sessionSaveTimer = void 0;
+    }
+    try {
+      localStorage.removeItem(ACTIVE_SESSION_BREADCRUMB_KEY);
+    } catch {
+    }
+    this.persistence.clearActiveSession().catch(() => {
+    });
+  }
+  /** True when a synchronous breadcrumb marks an active recording session. */
+  hasActiveSession() {
+    try {
+      const raw = localStorage.getItem(ACTIVE_SESSION_BREADCRUMB_KEY);
+      if (!raw) return false;
+      return !!JSON.parse(raw).isRecording;
+    } catch {
+      return false;
+    }
+  }
+  /** Programmatically resume the persisted session, if any. */
+  resumeSession() {
+    this.persistence.getActiveSession().then((s) => {
+      if (s) this.resumeSessionState(s);
+    });
+  }
+  /** Discard the persisted live session (breadcrumb + DB record). */
+  discardSession() {
+    this.clearSessionPersistence();
+  }
   toggle() {
     this.recording.toggleRecording();
   }
@@ -4572,6 +5598,12 @@ var LibE2eRecorderElement = class extends HTMLElement {
   handleKeyboardEvent(event) {
     if (!event.ctrlKey) return;
     const key = event.key.toLowerCase();
+    if (key === "e" && event.shiftKey) {
+      event.preventDefault();
+      this.toggleVisibility();
+      return;
+    }
+    if (!this.isVisible) return;
     if (key === "r") {
       event.preventDefault();
       this.toggle();
@@ -4589,6 +5621,10 @@ var LibE2eRecorderElement = class extends HTMLElement {
       this.showSettingsDialog();
     }
   }
+  toggleVisibility() {
+    this.isVisible = !this.isVisible;
+    this.style.display = this.isVisible ? "" : "none";
+  }
   // ── recording history (task 5) ────────────────────────────────────────────
   saveRecordingHistory() {
     if (!this.cypressCommands.length) return;
@@ -4824,13 +5860,13 @@ cypress/         <span style="color:#484f58">${this.translation.translate("RECOR
           child.translation = this.translation;
           container.appendChild(child);
           child.addEventListener("savetest", (e) => {
-            const { description, tags } = e.detail ?? {};
-            this.onSaveTest(description ?? null, tags ?? []);
+            const { description, notes, tags } = e.detail ?? {};
+            this.onSaveTest(description ?? null, tags ?? [], notes ?? "");
             import_sweetalert2.default.close();
           });
           child.addEventListener("saveandexport", (e) => {
-            const { description, tags } = e.detail ?? {};
-            this.onSaveAndExportTest(description ?? null, tags ?? []);
+            const { description, notes, tags } = e.detail ?? {};
+            this.onSaveAndExportTest(description ?? null, tags ?? [], notes ?? "");
             import_sweetalert2.default.close();
           });
         },
@@ -4861,6 +5897,10 @@ cypress/         <span style="color:#484f58">${this.translation.translate("RECOR
           child.addEventListener("smartselectorchange", (e) => {
             this.smartSelectorEnabled = e.detail;
           });
+          child.addEventListener("starthiddenchange", (e) => {
+            this.isVisible = !e.detail;
+            this.style.display = this.isVisible ? "" : "none";
+          });
         },
         willClose: () => {
           this.isSettingsDialogOpen = false;
@@ -4915,7 +5955,8 @@ cypress/         <span style="color:#484f58">${this.translation.translate("RECOR
               e.detail.fileName,
               e.detail.testId,
               e.detail.itBlock,
-              e.detail.interceptorsBlock
+              e.detail.interceptorsBlock,
+              e.detail.notes
             ), 150);
           });
         },
@@ -4929,7 +5970,7 @@ cypress/         <span style="color:#484f58">${this.translation.translate("RECOR
       }, 0);
     });
   }
-  showFileEditorDialog(handle, content, fileName, testId, itBlock = "", interceptorsBlock = "") {
+  showFileEditorDialog(handle, content, fileName, testId, itBlock = "", interceptorsBlock = "", notes = "") {
     import_sweetalert2.default.fire({
       title: this.translation.translate("RECORDER.FILE_EDITOR_TITLE"),
       html: '<div id="file-editor-modal-content" style="padding:0;height:540px"></div>',
@@ -4950,6 +5991,7 @@ cypress/         <span style="color:#484f58">${this.translation.translate("RECOR
         child.closeLabel = this.translation.translate("FILE_PREVIEW.BACK_TO_EDITOR");
         child.itBlock = itBlock;
         child.interceptorsBlock = interceptorsBlock;
+        child.notes = notes;
         container.appendChild(child);
         child.addEventListener("close", () => {
           import_sweetalert2.default.close();
@@ -4972,18 +6014,18 @@ cypress/         <span style="color:#484f58">${this.translation.translate("RECOR
     this.resizePopup();
   }
   // ── save handlers ─────────────────────────────────────────────────────────
-  async onSaveTest(description, tags = []) {
+  async onSaveTest(description, tags = [], notes = "") {
     if (description) {
-      await this.persistence.insertTest(description, this.cypressCommands, this.interceptors, tags);
+      await this.persistence.insertTest(description, this.cypressCommands, this.interceptors, tags, notes);
       this.recording.clearCommands();
       this.clearRecordingHistory();
       this.cypressCommands = [];
       this.interceptors = [];
     }
   }
-  async onSaveAndExportTest(description, tags = []) {
+  async onSaveAndExportTest(description, tags = [], notes = "") {
     if (description) {
-      const id = await this.persistence.insertTest(description, this.cypressCommands, this.interceptors, tags);
+      const id = await this.persistence.insertTest(description, this.cypressCommands, this.interceptors, tags, notes);
       this.recording.clearCommands();
       this.clearRecordingHistory();
       this.cypressCommands = [];
@@ -5010,6 +6052,7 @@ cypress/         <span style="color:#484f58">${this.translation.translate("RECOR
   render() {
     const rec = this.isRecording;
     const paused = this.isPaused;
+    this.style.display = this.isVisible ? "" : "none";
     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());
@@ -5024,24 +6067,29 @@ if (!customElements.get("lib-e2e-recorder")) {
 }
 
 // src/index.ts
-var VERSION = "0.1.0";
+var VERSION = "0.5.0";
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  ACTIVE_SESSION_BREADCRUMB_KEY,
   AdvancedTestEditorElement,
   AdvancedTestTransformationService,
   ConfigurationElement,
   DB_SCHEMA,
   DB_STORE_NAMES,
+  DEFAULT_RESUME_TTL_MINUTES,
   FilePreviewElement,
   HttpMonitor,
   INPUT_TYPES,
   LIB_E2E_CYPRESS_FOR_DUMMYS_SWAL2_STYLES,
+  LOCALE_BY_LANG,
   LibE2eRecorderElement,
   PersistenceService,
+  RESUME_TTL_CONFIG_KEY,
   RecordingService,
   SCROLLBAR_STYLES,
   SUPPORTED_LANGS,
   SaveTestElement,
+  SelectorPickerElement,
   Subject,
   TestEditorElement,
   TestPrevisualizerElement,
@@ -5052,10 +6100,13 @@ var VERSION = "0.1.0";
   generateAlias,
   injectStyles,
   isLang,
+  isLocalHost,
+  localeForLang,
   makeModalResizable,
   makeSwalDraggable,
   makeSwalDraggableByContentId,
   persistenceService,
+  selectTestsForExport,
   setSwal2DataCyAttribute,
   showToast,
   transformationService,