lib-e2e-cypress-for-dummys-ts 0.3.0 → 0.6.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 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);
+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.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,35 +460,50 @@ 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,
+  DRAG_THRESHOLD: () => DRAG_THRESHOLD,
   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,
+  TOGGLE_MARGIN: () => TOGGLE_MARGIN,
   TestEditorElement: () => TestEditorElement,
   TestPrevisualizerElement: () => TestPrevisualizerElement,
   TransformationService: () => TransformationService,
   TranslationService: () => TranslationService,
   VERSION: () => VERSION,
   advancedTestTransformationService: () => advancedTestTransformationService,
+  boxOffsetForDirection: () => boxOffsetForDirection,
+  boxTopLeftFor: () => boxTopLeftFor,
+  clampTogglePosition: () => clampTogglePosition,
+  defaultTogglePosition: () => defaultTogglePosition,
   generateAlias: () => generateAlias,
   injectStyles: () => injectStyles,
   isLang: () => isLang,
+  isLocalHost: () => isLocalHost,
+  localeForLang: () => localeForLang,
   makeModalResizable: () => makeModalResizable,
   makeSwalDraggable: () => makeSwalDraggable,
   makeSwalDraggableByContentId: () => makeSwalDraggableByContentId,
   persistenceService: () => persistenceService,
+  resolveExpandDirection: () => resolveExpandDirection,
+  selectTestsForExport: () => selectTestsForExport,
   setSwal2DataCyAttribute: () => setSwal2DataCyAttribute,
   showToast: () => showToast,
   transformationService: () => transformationService,
@@ -495,6 +516,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 +542,7 @@ var INPUT_TYPES = [
 // src/models/db-schema.model.ts
 var DB_SCHEMA = {
   name: "E2ECypressDB",
-  version: 10,
+  version: 11,
   stores: [
     {
       name: "tests",
@@ -551,11 +582,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: {
@@ -590,8 +655,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",
@@ -620,6 +683,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",
@@ -632,7 +707,14 @@ var I18N_ES = {
     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."
+    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.",
+    WIDGET_POSITION_SECTION: "\u{1F9F2} Posici\xF3n del widget",
+    WIDGET_POSITION_HINT: "Arrastra el bot\xF3n de grabar para moverlo donde no estorbe. Se recuerda su posici\xF3n.",
+    WIDGET_POSITION_RESET_BTN: "\u21BA Restablecer posici\xF3n",
+    WIDGET_POSITION_RESET_DONE: "\u2713 Posici\xF3n restablecida"
   },
   SELECTOR_PICKER: {
     TITLE: "Selecciona un elemento del DOM",
@@ -673,8 +755,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"
   },
@@ -687,10 +771,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",
@@ -719,7 +812,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"
   }
 };
 
@@ -757,8 +855,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",
@@ -787,6 +883,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",
@@ -799,7 +907,14 @@ var I18N_EN = {
     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."
+    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.",
+    WIDGET_POSITION_SECTION: "\u{1F9F2} Widget position",
+    WIDGET_POSITION_HINT: "Drag the record button to move it out of the way. Its position is remembered.",
+    WIDGET_POSITION_RESET_BTN: "\u21BA Reset position",
+    WIDGET_POSITION_RESET_DONE: "\u2713 Position reset"
   },
   SELECTOR_PICKER: {
     TITLE: "Select a DOM element",
@@ -840,8 +955,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"
   },
@@ -854,10 +971,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",
@@ -886,7 +1012,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"
   }
 };
 
@@ -924,8 +1055,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",
@@ -954,6 +1083,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",
@@ -966,7 +1107,14 @@ var I18N_FR = {
     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."
+    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.",
+    WIDGET_POSITION_SECTION: "\u{1F9F2} Position du widget",
+    WIDGET_POSITION_HINT: "Fais glisser le bouton d'enregistrement pour le d\xE9placer. Sa position est m\xE9moris\xE9e.",
+    WIDGET_POSITION_RESET_BTN: "\u21BA R\xE9initialiser la position",
+    WIDGET_POSITION_RESET_DONE: "\u2713 Position r\xE9initialis\xE9e"
   },
   SELECTOR_PICKER: {
     TITLE: "S\xE9lectionnez un \xE9l\xE9ment du DOM",
@@ -1007,8 +1155,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"
   },
@@ -1021,10 +1171,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",
@@ -1053,7 +1212,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"
   }
 };
 
@@ -1091,8 +1255,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",
@@ -1121,6 +1283,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",
@@ -1133,7 +1307,14 @@ var I18N_IT = {
     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."
+    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.",
+    WIDGET_POSITION_SECTION: "\u{1F9F2} Posizione del widget",
+    WIDGET_POSITION_HINT: "Trascina il pulsante di registrazione per spostarlo. La posizione viene ricordata.",
+    WIDGET_POSITION_RESET_BTN: "\u21BA Reimposta posizione",
+    WIDGET_POSITION_RESET_DONE: "\u2713 Posizione reimpostata"
   },
   SELECTOR_PICKER: {
     TITLE: "Seleziona un elemento DOM",
@@ -1174,8 +1355,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"
   },
@@ -1188,10 +1371,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",
@@ -1220,7 +1412,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"
   }
 };
 
@@ -1258,8 +1455,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",
@@ -1288,6 +1483,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",
@@ -1300,7 +1507,14 @@ var I18N_DE = {
     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."
+    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.",
+    WIDGET_POSITION_SECTION: "\u{1F9F2} Widget-Position",
+    WIDGET_POSITION_HINT: "Ziehe den Aufnahme-Button, um ihn aus dem Weg zu schieben. Die Position wird gespeichert.",
+    WIDGET_POSITION_RESET_BTN: "\u21BA Position zur\xFCcksetzen",
+    WIDGET_POSITION_RESET_DONE: "\u2713 Position zur\xFCckgesetzt"
   },
   SELECTOR_PICKER: {
     TITLE: "DOM-Element ausw\xE4hlen",
@@ -1341,8 +1555,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"
   },
@@ -1355,10 +1571,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",
@@ -1387,13 +1612,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,
@@ -1402,17 +1632,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;
@@ -1435,6 +1669,9 @@ function gcd(a, b) {
   }
   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);
@@ -1457,7 +1694,7 @@ var TransformationService = class {
   }
   generateItDescription(description, commands) {
     const commandsBlock = commands.map((cmd) => normalizeBlock(cmd, "  ")).join("\n");
-    return `it('${description}', () => {
+    return `it('${escapeSingleQuotes(description)}', () => {
 ${commandsBlock}
 });`;
   }
@@ -1511,29 +1748,15 @@ ${lines}
 };
 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([]);
@@ -1543,6 +1766,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);
@@ -1554,12 +1780,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);
@@ -1646,6 +1902,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);
@@ -1877,6 +2148,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) {
@@ -1930,7 +2202,7 @@ var PersistenceService = class {
     if (!record) return null;
     const commands = await this.getCommandStrings(testId);
     const interceptors = await this.getInterceptorStrings(testId);
-    const itBlock = `it('${record.name}', () => {
+    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) => normalizeBlock(i, "  ")).join("\n") + "\n" : "";
@@ -2011,6 +2283,25 @@ ${commands.map((c) => normalizeBlock(c, "  ")).join("\n")}
     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();
@@ -2021,10 +2312,18 @@ ${commands.map((c) => normalizeBlock(c, "  ")).join("\n")}
     ]);
   }
   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)) {
@@ -2467,6 +2766,59 @@ 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/utils/widget-position.utils.ts
+var TOGGLE_MARGIN = 30;
+var DRAG_THRESHOLD = 5;
+var DEFAULT_EDGE_OFFSET = 46;
+function boxOffsetForDirection(dir) {
+  return {
+    x: dir.endsWith("left") ? 144 : 46,
+    y: dir.startsWith("up") ? 144 : 46
+  };
+}
+function clampTogglePosition(x, y, vw, vh, margin = TOGGLE_MARGIN) {
+  const maxX = Math.max(margin, vw - margin);
+  const maxY = Math.max(margin, vh - margin);
+  return {
+    x: Math.min(Math.max(x, margin), maxX),
+    y: Math.min(Math.max(y, margin), maxY)
+  };
+}
+function resolveExpandDirection(x, y, vw, vh) {
+  const vertical = y < vh / 2 ? "down" : "up";
+  const horizontal = x < vw / 2 ? "right" : "left";
+  return `${vertical}-${horizontal}`;
+}
+function defaultTogglePosition(vw, vh) {
+  return { x: vw - DEFAULT_EDGE_OFFSET, y: vh - DEFAULT_EDGE_OFFSET };
+}
+function boxTopLeftFor(toggleCentre, dir) {
+  const off = boxOffsetForDirection(dir);
+  return { x: toggleCentre.x - off.x, y: toggleCentre.y - off.y };
+}
+
+// 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; }
@@ -3069,7 +3421,7 @@ function highlightLine(line) {
 
 // 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>`;
@@ -3080,12 +3432,12 @@ 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('${test.name}', () => {
+    const itBlockCode = `it('${escapeSingleQuotes(test.name)}', () => {
 ${(test.commands ?? []).map((c) => normalizeBlock(c, "  ")).join("\n")}
 });`;
     const icpBlockCode = icps.length ? `beforeEach(() => {
@@ -3193,11 +3545,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);
@@ -3231,7 +3583,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) => {
@@ -3388,9 +3741,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" },
@@ -3398,8 +3817,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, startHidden } = 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("");
@@ -3451,6 +3926,26 @@ function renderConfiguration(state, t) {
         </label>
       </div>
 
+      <!-- Widget position (draggable widget) -->
+      <div class="card">
+        <div class="card-hd">${t("CONFIG.WIDGET_POSITION_SECTION")}</div>
+        <div class="check-sub" style="margin-bottom:10px">${t("CONFIG.WIDGET_POSITION_HINT")}</div>
+        <div class="btn-row">
+          <button id="btn-reset-position">${t("CONFIG.WIDGET_POSITION_RESET_BTN")}</button>
+        </div>
+      </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>
@@ -3470,13 +3965,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">
@@ -3501,7 +3996,7 @@ function renderConfiguration(state, t) {
         </div>
       </div>
 
-    </div>`;
+    </div>${renderExportOverlay(state, t)}`;
 }
 
 // src/components/configuration/configuration.ts
@@ -3514,6 +4009,12 @@ var ConfigurationElement = class extends HTMLElement {
   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() {
@@ -3540,6 +4041,11 @@ var ConfigurationElement = class extends HTMLElement {
     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;
@@ -3563,6 +4069,16 @@ var ConfigurationElement = class extends HTMLElement {
     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();
+  }
+  onResetWidgetPosition() {
+    this.dispatchEvent(new CustomEvent("resetwidgetposition", { bubbles: true, composed: true }));
+    showToast(this.t("CONFIG.WIDGET_POSITION_RESET_DONE"));
+  }
   async onSmartSelectorChange(enabled) {
     this.smartSelectorEnabled = enabled;
     await this.persistence.setConfig({ smartSelectorEnabled: enabled ? "true" : "false" });
@@ -3592,8 +4108,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");
@@ -3602,6 +4117,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;
@@ -3613,7 +4175,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() {
@@ -3624,7 +4185,13 @@ var ConfigurationElement = class extends HTMLElement {
       filesystemGranted: this.filesystemGranted,
       cypressFolderName: this.cypressFolderName,
       smartSelectorEnabled: this.smartSelectorEnabled,
-      startHidden: this.startHidden
+      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(
@@ -3643,13 +4210,29 @@ var ConfigurationElement = class extends HTMLElement {
       "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("btn-reset-position")?.addEventListener("click", () => this.onResetWidgetPosition());
     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;
@@ -3759,18 +4342,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;
   }
@@ -3804,7 +4390,7 @@ function renderNoPermission(needsReauth, t) {
     </div>`;
 }
 function renderAdvancedEditor(state, t) {
-  const { e2eTree, selectedFile, selectedFileContent, testItBlock, interceptorsBlock, testNotes, 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 class="pre-file">${syntaxHighlight(selectedFileContent.slice(0, 6e3))}${selectedFileContent.length > 6e3 ? "\n..." : ""}</pre>` : `<div class="placeholder">${t("ADVANCED_EDITOR.SELECT_FILE")}</div>`;
@@ -3831,16 +4417,25 @@ 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>
@@ -3911,6 +4506,7 @@ var AdvancedTestEditorElement = class extends HTMLElement {
   previewFileName = null;
   previewFileContent = null;
   isCreatingFile = false;
+  isCreatingFolder = false;
   collapsedDirs = /* @__PURE__ */ new Set();
   sidebarWidth = 220;
   hasPermission = false;
@@ -3973,7 +4569,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 ', () => {
 
@@ -3991,6 +4587,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();
   }
@@ -4048,7 +4655,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
@@ -4125,6 +4733,7 @@ var AdvancedTestEditorElement = class extends HTMLElement {
       testNotes: this.testNotes,
       saveButtonEnabled: this.saveButtonEnabled,
       isCreatingFile: this.isCreatingFile,
+      isCreatingFolder: this.isCreatingFolder,
       collapsedDirs: this.collapsedDirs,
       sidebarWidth: this.sidebarWidth
     }, this.t.bind(this))}`;
@@ -4148,9 +4757,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");
@@ -4169,6 +4785,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")) {
@@ -4254,7 +4887,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
@@ -4312,8 +4968,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 ? `
@@ -4334,6 +4996,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">
@@ -4344,9 +5013,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>
@@ -4362,11 +5033,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" });
@@ -4394,15 +5072,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);
@@ -4411,6 +5108,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,
@@ -4420,7 +5143,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) {
@@ -4436,6 +5162,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);
     });
@@ -4452,15 +5179,37 @@ if (!customElements.get("file-preview")) {
 var import_sweetalert2 = __toESM(require("sweetalert2"), 1);
 
 // src/components/lib-e2e-recorder/lib-e2e-recorder.styles.ts
+var DIRECTIONS = ["up-left", "up-right", "down-left", "down-right"];
+function directionBlocks() {
+  return DIRECTIONS.map((dir) => {
+    const sx = dir.endsWith("left") ? -1 : 1;
+    const sy = dir.startsWith("up") ? -1 : 1;
+    const tv = dir.startsWith("up") ? "bottom" : "top";
+    const th = dir.endsWith("left") ? "right" : "left";
+    const ov = tv === "bottom" ? "top" : "bottom";
+    const oh = th === "right" ? "left" : "right";
+    const sel = `.widget[data-expand="${dir}"]`;
+    const labelGeneral = `${sel} .btn-action::after { ${oh}: calc(100% + 9px); ${th}: auto; top: 50%; bottom: auto; transform: translateY(-50%); }`;
+    const labelEnds = `${sel} .btn-action[data-n="1"]::after, ${sel} .btn-action[data-n="4"]::after { ${ov}: calc(100% + 9px); ${tv}: auto; left: 50%; right: auto; transform: translateX(-50%); }`;
+    return `
+      ${sel} { --sx: ${sx}; --sy: ${sy}; }
+      ${sel} .btn-toggle { ${tv}: 24px; ${th}: 24px; ${ov}: auto; ${oh}: auto; }
+      ${sel} .btn-pause  { ${tv}: 78px; ${th}: 24px; ${ov}: auto; ${oh}: auto; }
+      ${sel} .btn-action { ${tv}: 28px; ${th}: 28px; ${ov}: auto; ${oh}: auto; }
+      ${labelGeneral}
+      ${labelEnds}
+    `;
+  }).join("\n");
+}
 function getRecorderStyles(rec, paused) {
   return `
     :host { all: initial; }
     *, *::before, *::after { box-sizing: border-box; }
 
     /*
-     * Invisible 190\xD7190 hit area anchored at bottom-right.
-     * Keeps :hover alive while the cursor travels from the
-     * toggle to any of the radial action buttons.
+     * Invisible 190\xD7190 hit area. Position (left/top) is set from JS so the
+     * widget can be dragged; --sx/--sy + data-expand orient the radial menu so
+     * it always expands toward the viewport interior. Defaults to bottom-right.
      */
     .widget {
       position: fixed;
@@ -4469,6 +5218,8 @@ function getRecorderStyles(rec, paused) {
       width: 190px;
       height: 190px;
       z-index: 2147483647;
+      --sx: -1;
+      --sy: -1;
       font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
     }
 
@@ -4481,7 +5232,8 @@ function getRecorderStyles(rec, paused) {
       height: 44px;
       border-radius: 50%;
       border: none;
-      cursor: pointer;
+      cursor: grab;
+      touch-action: none;
       font-size: 19px;
       background: ${rec ? "linear-gradient(135deg,#f85149 0%,#da3633 100%)" : "linear-gradient(135deg,#2f81f7 0%,#1f6feb 100%)"};
       color: #fff;
@@ -4494,7 +5246,7 @@ function getRecorderStyles(rec, paused) {
       ${rec ? "animation: toggle-pulse 2s ease-in-out infinite;" : ""}
     }
     .btn-toggle:hover  { transform: scale(1.1); }
-    .btn-toggle:active { transform: scale(0.93); }
+    .btn-toggle:active { transform: scale(0.93); cursor: grabbing; }
 
     @keyframes toggle-pulse {
       0%,100% { box-shadow: 0 4px 20px rgba(248,81,73,.55),0 0 0 4px rgba(248,81,73,.13); }
@@ -4525,11 +5277,6 @@ function getRecorderStyles(rec, paused) {
     .btn-pause:active { transform: scale(0.93); }
 
     /* \u2500\u2500 Action buttons \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */
-    /*
-     * All three start centered on the toggle button
-     * (toggle center = bottom:46px right:46px from widget edge;
-     *  button half = 18px \u2192 bottom:28px right:28px).
-     */
     .btn-action {
       position: absolute;
       bottom: 28px;
@@ -4551,12 +5298,11 @@ function getRecorderStyles(rec, paused) {
       opacity: 0;
       transform: scale(0.35);
       pointer-events: none;
-      /* Collapse: fast, no spring */
       transition: opacity .15s, transform .18s ease-in,
                   background .15s, color .12s, box-shadow .15s;
     }
 
-    /* Label to the left of each button */
+    /* Label chip */
     .btn-action::after {
       content: attr(data-label);
       position: absolute;
@@ -4576,14 +5322,6 @@ function getRecorderStyles(rec, paused) {
       border: 1px solid rgba(48,54,61,.8);
       box-shadow: 0 2px 8px rgba(0,0,0,.35);
     }
-    /* Button 1 (top) \u2014 label above instead of left to avoid overlap with btn 2 */
-    .btn-action[data-n="1"]::after {
-      right: auto;
-      left: 50%;
-      top: auto;
-      bottom: calc(100% + 9px);
-      transform: translateX(-50%);
-    }
     .btn-action:hover::after   { opacity: 1; }
     .btn-action:hover          { background: #21262d; color: #e6edf3; }
     .btn-action:active         { background: #30363d !important; }
@@ -4596,31 +5334,26 @@ function getRecorderStyles(rec, paused) {
                   background .15s, color .12s, box-shadow .15s;
     }
 
-    /* Arc positions \u2014 4 buttons, 30\xB0 spacing, radius 90px */
-    .widget:hover .btn-action[data-n="1"] {   /* 0\xB0  \u2014 straight up   */
-      transform: translateY(-90px) scale(1);
+    /* Arc positions \u2014 signs come from --sx/--sy (data-expand) */
+    .widget:hover .btn-action[data-n="1"] {   /* vertical extreme */
+      transform: translateY(calc(var(--sy) * 90px)) scale(1);
       transition-delay: .03s;
     }
-    .widget:hover .btn-action[data-n="2"] {   /* 30\xB0 \u2014 upper-left    */
-      transform: translate(-45px,-78px) scale(1);
+    .widget:hover .btn-action[data-n="2"] {   /* diagonal near-vertical */
+      transform: translate(calc(var(--sx) * 45px), calc(var(--sy) * 78px)) scale(1);
       transition-delay: .07s;
     }
-    .widget:hover .btn-action[data-n="3"] {   /* 60\xB0 \u2014 left-upper    */
-      transform: translate(-78px,-45px) scale(1);
+    .widget:hover .btn-action[data-n="3"] {   /* diagonal near-horizontal */
+      transform: translate(calc(var(--sx) * 78px), calc(var(--sy) * 45px)) scale(1);
       transition-delay: .11s;
     }
-    .widget:hover .btn-action[data-n="4"] {   /* 90\xB0 \u2014 straight left */
-      transform: translateX(-90px) scale(1);
+    .widget:hover .btn-action[data-n="4"] {   /* horizontal extreme */
+      transform: translateX(calc(var(--sx) * 90px)) scale(1);
       transition-delay: .15s;
     }
-    /* Button 4 (pure left) \u2014 label above to avoid going off-screen */
-    .btn-action[data-n="4"]::after {
-      right: auto;
-      left: 50%;
-      top: auto;
-      bottom: calc(100% + 9px);
-      transform: translateX(-50%);
-    }
+
+    /* Per-direction anchors + label sides */
+    ${directionBlocks()}
 
     /* \u2500\u2500 REC / PAUSED badge \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */
     .rec-badge {
@@ -4683,7 +5416,18 @@ var LibE2eRecorderElement = class extends HTMLElement {
   interceptorsUnsub;
   pauseUnsub;
   selectorNotFoundUnsub;
+  langUnsub;
+  sessionUnsub;
+  sessionSaveTimer;
   controlFirstTimeData = true;
+  // ── draggable widget (spec 007) ──
+  togglePos = null;
+  expandDir = "up-left";
+  dragState;
+  suppressNextToggleClick = false;
+  widgetPointerMove;
+  widgetPointerUp;
+  widgetResize;
   _previsualizerRef = null;
   httpMonitor;
   smartSelectorEnabled = true;
@@ -4726,17 +5470,31 @@ var LibE2eRecorderElement = class extends HTMLElement {
     this.initSubscriptions();
     this.render();
     this.initVisibility();
+    this.initSessionContinuity();
+    this.initWidgetPosition();
     this.keydownHandler = (e) => this.handleKeyboardEvent(e);
     window.addEventListener("keydown", this.keydownHandler);
+    this.widgetPointerMove = (e) => this.onWidgetPointerMove(e);
+    this.widgetPointerUp = () => this.onWidgetPointerUp();
+    this.widgetResize = () => this.applyWidgetPosition();
+    window.addEventListener("pointermove", this.widgetPointerMove);
+    window.addEventListener("pointerup", this.widgetPointerUp);
+    window.addEventListener("resize", this.widgetResize);
   }
   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?.();
+    if (this.widgetPointerMove) window.removeEventListener("pointermove", this.widgetPointerMove);
+    if (this.widgetPointerUp) window.removeEventListener("pointerup", this.widgetPointerUp);
+    if (this.widgetResize) window.removeEventListener("resize", this.widgetResize);
     this.httpMonitor?.uninstall();
     this.recording.destroy();
   }
@@ -4759,11 +5517,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;
@@ -4779,6 +5539,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(() => {
@@ -4807,6 +5568,176 @@ var LibE2eRecorderElement = class extends HTMLElement {
     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();
+  }
+  // ── draggable widget (spec 007) ────────────────────────────────────────────
+  /** Loads a previously saved widget position and applies it. */
+  async initWidgetPosition() {
+    const config = await this.persistence.getGeneralConfig();
+    const pos = config?.["widgetPosition"];
+    if (pos && typeof pos.x === "number" && typeof pos.y === "number") {
+      this.togglePos = { x: pos.x, y: pos.y };
+    }
+    this.applyWidgetPosition();
+  }
+  /** Positions the `.widget` box from the (clamped) toggle centre and orients the arc. */
+  applyWidgetPosition() {
+    const widget = this.shadow.querySelector(".widget");
+    if (!widget) return;
+    const vw = window.innerWidth;
+    const vh = window.innerHeight;
+    const centre = this.togglePos ?? defaultTogglePosition(vw, vh);
+    const clamped = clampTogglePosition(centre.x, centre.y, vw, vh);
+    this.expandDir = resolveExpandDirection(clamped.x, clamped.y, vw, vh);
+    const topLeft = boxTopLeftFor(clamped, this.expandDir);
+    widget.style.left = `${topLeft.x}px`;
+    widget.style.top = `${topLeft.y}px`;
+    widget.style.right = "auto";
+    widget.style.bottom = "auto";
+    widget.setAttribute("data-expand", this.expandDir);
+  }
+  beginWidgetDrag(e) {
+    const origin = this.togglePos ?? defaultTogglePosition(window.innerWidth, window.innerHeight);
+    this.dragState = { startX: e.clientX, startY: e.clientY, origX: origin.x, origY: origin.y, moved: false };
+  }
+  onWidgetPointerMove(e) {
+    if (!this.dragState) return;
+    const dx = e.clientX - this.dragState.startX;
+    const dy = e.clientY - this.dragState.startY;
+    if (!this.dragState.moved && Math.hypot(dx, dy) < DRAG_THRESHOLD) return;
+    this.dragState.moved = true;
+    this.togglePos = { x: this.dragState.origX + dx, y: this.dragState.origY + dy };
+    this.applyWidgetPosition();
+  }
+  onWidgetPointerUp() {
+    if (!this.dragState) return;
+    const moved = this.dragState.moved;
+    this.dragState = void 0;
+    if (!moved || !this.togglePos) return;
+    this.suppressNextToggleClick = true;
+    const clamped = clampTogglePosition(this.togglePos.x, this.togglePos.y, window.innerWidth, window.innerHeight);
+    this.togglePos = clamped;
+    this.persistence.setConfig({ widgetPosition: clamped }).catch(() => {
+    });
+  }
+  /** Resets the widget to its default corner and clears the saved position. */
+  resetWidgetPosition() {
+    this.togglePos = null;
+    this.persistence.setConfig({ widgetPosition: null }).catch(() => {
+    });
+    this.applyWidgetPosition();
+  }
   toggle() {
     this.recording.toggleRecording();
   }
@@ -5123,6 +6054,7 @@ cypress/         <span style="color:#484f58">${this.translation.translate("RECOR
             this.isVisible = !e.detail;
             this.style.display = this.isVisible ? "" : "none";
           });
+          child.addEventListener("resetwidgetposition", () => this.resetWidgetPosition());
         },
         willClose: () => {
           this.isSettingsDialogOpen = false;
@@ -5177,7 +6109,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);
           });
         },
@@ -5191,7 +6124,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>',
@@ -5212,6 +6145,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();
@@ -5274,12 +6208,21 @@ cypress/         <span style="color:#484f58">${this.translation.translate("RECOR
     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());
+    const toggleBtn = this.shadow.querySelector('[data-action="toggle"]');
+    toggleBtn?.addEventListener("click", () => {
+      if (this.suppressNextToggleClick) {
+        this.suppressNextToggleClick = false;
+        return;
+      }
+      this.toggle();
+    });
+    toggleBtn?.addEventListener("pointerdown", (e) => this.beginWidgetDrag(e));
     this.shadow.querySelector('[data-action="pause"]')?.addEventListener("click", () => this.togglePause());
     this.shadow.querySelector('[data-action="tests"]')?.addEventListener("click", () => this.showSavedTestsDialog());
     this.shadow.querySelector('[data-action="commands"]')?.addEventListener("click", () => this.showCommandsDialog());
     this.shadow.querySelector('[data-action="config"]')?.addEventListener("click", () => this.showSettingsDialog());
     this.shadow.querySelector('[data-action="browse"]')?.addEventListener("click", () => this.showAdvancedEditorDialog());
+    this.applyWidgetPosition();
   }
 };
 if (!customElements.get("lib-e2e-recorder")) {
@@ -5287,38 +6230,53 @@ if (!customElements.get("lib-e2e-recorder")) {
 }
 
 // src/index.ts
-var VERSION = "0.1.0";
+var VERSION = "0.6.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,
+  DRAG_THRESHOLD,
   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,
+  TOGGLE_MARGIN,
   TestEditorElement,
   TestPrevisualizerElement,
   TransformationService,
   TranslationService,
   VERSION,
   advancedTestTransformationService,
+  boxOffsetForDirection,
+  boxTopLeftFor,
+  clampTogglePosition,
+  defaultTogglePosition,
   generateAlias,
   injectStyles,
   isLang,
+  isLocalHost,
+  localeForLang,
   makeModalResizable,
   makeSwalDraggable,
   makeSwalDraggableByContentId,
   persistenceService,
+  resolveExpandDirection,
+  selectTestsForExport,
   setSwal2DataCyAttribute,
   showToast,
   transformationService,