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

package/dist/index.cjs

@@ -469,6 +469,7 @@ __export(index_exports, {
   DEFAULT_RESUME_TTL_MINUTES: () => DEFAULT_RESUME_TTL_MINUTES,
   DRAG_THRESHOLD: () => DRAG_THRESHOLD,
   FilePreviewElement: () => FilePreviewElement,
+  HelpPanelElement: () => HelpPanelElement,
   HttpMonitor: () => HttpMonitor,
   INPUT_TYPES: () => INPUT_TYPES,
   LIB_E2E_CYPRESS_FOR_DUMMYS_SWAL2_STYLES: () => LIB_E2E_CYPRESS_FOR_DUMMYS_SWAL2_STYLES,
@@ -494,6 +495,7 @@ __export(index_exports, {
   clampTogglePosition: () => clampTogglePosition,
   defaultTogglePosition: () => defaultTogglePosition,
   generateAlias: () => generateAlias,
+  inferAssertionCommand: () => inferAssertionCommand,
   injectStyles: () => injectStyles,
   isLang: () => isLang,
   isLocalHost: () => isLocalHost,
@@ -645,7 +647,10 @@ var I18N_ES = {
     SAVE_AND_EDIT: "\u{1F4DD} Guardar y editar",
     REMOVE_TAG_TITLE: "Quitar",
     NOTES_LABEL: "Descripci\xF3n / Notas (opcional):",
-    NOTES_PLACEHOLDER: "Qu\xE9 valida este test, condiciones previas, etc."
+    NOTES_PLACEHOLDER: "Qu\xE9 valida este test, condiciones previas, etc.",
+    TICKET_LABEL: "Ticket / Issue (opcional):",
+    TICKET_PLACEHOLDER: "Ej: PROJ-123, #42",
+    TICKET_WARN: "ID no v\xE1lido para el proveedor configurado (se guardar\xE1 igualmente)"
   },
   TEST_EDITOR: {
     NO_TAGS: "Sin etiquetas",
@@ -659,7 +664,11 @@ var I18N_ES = {
     COPY_ICPS_BTN: "\u{1F4CB} Copiar interceptores",
     DEFAULT_DESCRIBE: "Suite de tests",
     NO_TESTS: "No hay tests guardados",
-    DELETE_TITLE: "Eliminar"
+    DELETE_TITLE: "Eliminar",
+    GROUP_BY_TICKET: "\u{1F3AB} Agrupar por ticket",
+    UNGROUP_TICKET: "\u{1F3AB} Desagrupar",
+    NO_TICKET: "Sin ticket",
+    TICKET_LINK_TITLE: "Abrir ticket"
   },
   CONFIG: {
     LANG_SECTION: "\u{1F310} Idioma",
@@ -667,6 +676,9 @@ var I18N_ES = {
     HTTP_SECTION: "\u26A1 HTTP Avanzado",
     HTTP_TITLE: "Validaciones de body",
     HTTP_SUB: "GET \u2192 response \xB7 POST/PUT \u2192 request",
+    FIXTURE_SECTION: "\u{1F9EA} Fixtures HTTP",
+    FIXTURE_TITLE: "Grabar respuestas como fixtures",
+    FIXTURE_SUB: "Las GET se guardan en cypress/fixtures y se stubean con cy.intercept({ fixture }).",
     SELECTOR_SECTION: "\u{1F3AF} Estrategia de selector",
     SELECTOR_LABEL: "Atributo preferido para cy.get()",
     SELECTOR_OPT_DATACY: "data-cy (por defecto)",
@@ -714,7 +726,13 @@ var I18N_ES = {
     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"
+    WIDGET_POSITION_RESET_DONE: "\u2713 Posici\xF3n restablecida",
+    ISSUE_TRACKER_SECTION: "\u{1F3AB} Issue tracker",
+    ISSUE_TRACKER_TITLE: "Vincular tests a tickets",
+    ISSUE_TRACKER_SUB: "A\xF1ade un ID de ticket al guardar y genera un enlace clickable en el listado.",
+    ISSUE_TRACKER_PROVIDER: "Proveedor",
+    ISSUE_TRACKER_BASE_URL: "URL base",
+    ISSUE_TRACKER_BASE_URL_PH: "Ej: https://miproyecto.atlassian.net"
   },
   SELECTOR_PICKER: {
     TITLE: "Selecciona un elemento del DOM",
@@ -803,6 +821,8 @@ var I18N_ES = {
     FILE_EDITOR_TITLE: "\u270F\uFE0F Editor de archivo",
     FILE_SAVED_TOAST: "\u2713 Archivo guardado",
     FILE_SAVE_ERROR_TOAST: "Error al guardar el archivo",
+    FIXTURES_WRITTEN_TOAST: "\u2713 Fixtures escritos en cypress/fixtures",
+    FIXTURES_NO_FOLDER_TOAST: "No se pudieron escribir los fixtures (configura la carpeta Cypress)",
     BTN_CONFIG: "Config",
     BTN_FILES: "Ficheros",
     BTN_COMMANDS: "Comandos",
@@ -817,7 +837,76 @@ var I18N_ES = {
     SESSION_RESUME_TEXT: "Hay una grabaci\xF3n activa sin terminar.",
     SESSION_RESUME_COUNT: "comandos capturados",
     SESSION_CONTINUE_BTN: "Continuar grabando",
-    SESSION_DISCARD_BTN: "Descartar"
+    SESSION_DISCARD_BTN: "Descartar",
+    BTN_HELP: "Ayuda"
+  },
+  HELP: {
+    TITLE: "\u2753 Ayuda \u2014 Gu\xEDa r\xE1pida",
+    INTRO: "Todo lo que puede hacer el grabador.",
+    SEC_RECORDING: "\u23FA Grabar",
+    RECORDING_1: "Pulsa \u23FA (o Ctrl+R) para empezar; \u23F9 para parar y guardar.",
+    RECORDING_2: "Pausa / reanuda con \u23F8 (o Ctrl+P).",
+    SEC_SHORTCUTS: "\u2328\uFE0F Atajos de teclado",
+    SC_RECORD: "Ctrl+R \u2014 Grabar / detener",
+    SC_PAUSE: "Ctrl+P \u2014 Pausar / reanudar",
+    SC_TESTS: "Ctrl+1 \u2014 Panel de tests guardados",
+    SC_COMMANDS: "Ctrl+2 \u2014 Panel de comandos",
+    SC_CONFIG: "Ctrl+3 \u2014 Configuraci\xF3n",
+    SC_VISIBILITY: "Ctrl+Shift+E \u2014 Mostrar / ocultar el widget",
+    SC_HELP: "Ctrl+Shift+H \u2014 Esta ayuda",
+    SEC_CAPTURED: "\u{1F3AF} Qu\xE9 se graba",
+    CAP_CLICK: "Click \u2192 .click()",
+    CAP_DBLCLICK: "Doble-click \u2192 .dblclick()",
+    CAP_RIGHTCLICK: "Click derecho \u2192 .rightclick()",
+    CAP_TYPE: "Escribir en un campo \u2192 .clear().type(...)",
+    CAP_CHECK: "Checkbox / radio \u2192 .check() / .uncheck()",
+    CAP_SELECT: "<select> \u2192 .select(...)",
+    CAP_KEYS: 'Enter / Escape \u2192 .type("{enter}") / ("{esc}")',
+    CAP_ROUTE: "Cambio de ruta (SPA) \u2192 cy.url().should(...)",
+    CAP_HTTP: "fetch / XHR \u2192 cy.intercept + cy.wait",
+    SEC_ASSERT: "\u2705 Aserciones",
+    ASSERT_1: "Alt+click sobre un elemento para verificarlo sin ejecutar su acci\xF3n (texto, valor, checked o visible).",
+    ASSERT_2: "O usa el constructor de aserciones en el panel de Comandos.",
+    SEC_PANELS: "\u{1F5C2} Paneles",
+    PANEL_TESTS: "\u{1F4CB} Tests \u2014 guardados: filtrar por tag, copiar, combinar, exportar.",
+    PANEL_COMMANDS: "\u2328\uFE0F Comandos \u2014 de la grabaci\xF3n actual: reordenar, borrar, a\xF1adir aserciones.",
+    PANEL_CONFIG: "\u2699\uFE0F Config \u2014 idioma, selector, HTTP, carpeta Cypress, datos, visibilidad, posici\xF3n.",
+    PANEL_FILES: "\u{1F4C1} Ficheros \u2014 inserta tests en tus .cy.ts y lanza el runner.",
+    SEC_SELECTOR: "\u{1F50E} Selectores",
+    SELECTOR_1: "Elige el atributo preferido (data-cy, data-testid, aria-label, id) en Config.",
+    SELECTOR_2: "Si un click no tiene selector fiable, aparece un picker para elegir el mejor ancestro.",
+    SEC_DATA: "\u{1F4BE} Datos",
+    DATA_1: "Exporta tests a JSON (todo / selecci\xF3n / por tags).",
+    DATA_2: "Importa un JSON: se fusiona con lo existente (no se borra nada).",
+    SEC_ADVANCED: "\u{1F680} Avanzado",
+    ADV_INVISIBLE: "Modo invisible: start-hidden + Ctrl+Shift+E para grabar en producci\xF3n sin molestar.",
+    ADV_RUNNER: "Runner local: npx lib-e2e-cypress-runner para lanzar un spec headless desde el editor.",
+    ADV_CROSSAPP: "Cross-app: la grabaci\xF3n sobrevive al cambiar de micro-frontend (mismo origen).",
+    ADV_DRAG: "Arrastra el bot\xF3n \u23FA para mover el widget; recuerda su posici\xF3n.",
+    CLOSE: "Cerrar",
+    TAB_REFERENCE: "Referencia r\xE1pida",
+    TAB_GUIDE: "Gu\xEDa de uso",
+    GUIDE_INTRO: "C\xF3mo sacarle partido al grabador, qu\xE9 cubre y qu\xE9 no.",
+    G_SEC_WORKFLOW: "\u{1F9ED} Flujo de trabajo",
+    G_WF_1: "1. Pulsa \u23FA (o Ctrl+R) para empezar a grabar.",
+    G_WF_2: "2. Usa tu app como un usuario: clicks, formularios, navegaci\xF3n. Cada acci\xF3n se convierte en un comando Cypress.",
+    G_WF_3: "3. A\xF1ade verificaciones con Alt+click sobre lo que quieras comprobar.",
+    G_WF_4: "4. Pulsa \u23F9 para parar; ponle nombre y tags, y gu\xE1rdalo.",
+    G_WF_5: "5. En \u{1F4C1} Ficheros, inserta el test en un .cy.ts o l\xE1nzalo con el runner local.",
+    G_SEC_COVERED: "\u2705 Qu\xE9 cubre",
+    G_COV_1: "Clicks, doble-click, click derecho, inputs de texto, checkbox/radio, select y teclas Enter/Escape.",
+    G_COV_2: "Navegaci\xF3n SPA (pushState/replaceState/popstate) \u2192 cy.url().should(...).",
+    G_COV_3: "Llamadas fetch/XHR (GET/POST/PUT) \u2192 cy.intercept + cy.wait, con validaci\xF3n de body opcional.",
+    G_COV_4: "Selector fiable (data-cy/testid/aria/id) y picker cuando no hay uno claro.",
+    G_COV_5: "Aserciones autom\xE1ticas (Alt+click) y constructor manual.",
+    G_COV_6: "Continuidad al cambiar de micro-frontend (mismo origen), modo invisible e i18n.",
+    G_SEC_NOTCOVERED: "\u{1F6AB} Qu\xE9 NO cubre (por ahora)",
+    G_NC_1: "Or\xEDgenes distintos / subdominios (solo mismo origen).",
+    G_NC_2: "Subida de ficheros (selectFile), arrastrar y soltar, y hover.",
+    G_NC_3: "La tecla Tab (Cypress no la soporta en .type()).",
+    G_NC_4: "Peticiones DELETE (se ignoran a prop\xF3sito).",
+    G_NC_5: "iframes y Shadow DOM de terceros pueden no capturarse.",
+    G_NC_6: "Generaci\xF3n de login program\xE1tico (en el roadmap)."
   }
 };
 
@@ -845,7 +934,10 @@ var I18N_EN = {
     SAVE_AND_EDIT: "\u{1F4DD} Save and edit",
     REMOVE_TAG_TITLE: "Remove",
     NOTES_LABEL: "Description / Notes (optional):",
-    NOTES_PLACEHOLDER: "What this test validates, preconditions, etc."
+    NOTES_PLACEHOLDER: "What this test validates, preconditions, etc.",
+    TICKET_LABEL: "Ticket / Issue (optional):",
+    TICKET_PLACEHOLDER: "E.g.: PROJ-123, #42",
+    TICKET_WARN: "Invalid ID for the configured provider (will be saved anyway)"
   },
   TEST_EDITOR: {
     NO_TAGS: "No tags",
@@ -859,7 +951,11 @@ var I18N_EN = {
     COPY_ICPS_BTN: "\u{1F4CB} Copy interceptors",
     DEFAULT_DESCRIBE: "Test suite",
     NO_TESTS: "No saved tests",
-    DELETE_TITLE: "Delete"
+    DELETE_TITLE: "Delete",
+    GROUP_BY_TICKET: "\u{1F3AB} Group by ticket",
+    UNGROUP_TICKET: "\u{1F3AB} Ungroup",
+    NO_TICKET: "No ticket",
+    TICKET_LINK_TITLE: "Open ticket"
   },
   CONFIG: {
     LANG_SECTION: "\u{1F310} Language",
@@ -867,6 +963,9 @@ var I18N_EN = {
     HTTP_SECTION: "\u26A1 Advanced HTTP",
     HTTP_TITLE: "Body validations",
     HTTP_SUB: "GET \u2192 response \xB7 POST/PUT \u2192 request",
+    FIXTURE_SECTION: "\u{1F9EA} HTTP Fixtures",
+    FIXTURE_TITLE: "Record responses as fixtures",
+    FIXTURE_SUB: "GET responses are saved to cypress/fixtures and stubbed via cy.intercept({ fixture }).",
     SELECTOR_SECTION: "\u{1F3AF} Selector strategy",
     SELECTOR_LABEL: "Preferred attribute for cy.get()",
     SELECTOR_OPT_DATACY: "data-cy (default)",
@@ -914,7 +1013,13 @@ var I18N_EN = {
     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"
+    WIDGET_POSITION_RESET_DONE: "\u2713 Position reset",
+    ISSUE_TRACKER_SECTION: "\u{1F3AB} Issue tracker",
+    ISSUE_TRACKER_TITLE: "Link tests to tickets",
+    ISSUE_TRACKER_SUB: "Add a ticket ID when saving and generate a clickable link in the test list.",
+    ISSUE_TRACKER_PROVIDER: "Provider",
+    ISSUE_TRACKER_BASE_URL: "Base URL",
+    ISSUE_TRACKER_BASE_URL_PH: "E.g.: https://myproject.atlassian.net"
   },
   SELECTOR_PICKER: {
     TITLE: "Select a DOM element",
@@ -1003,6 +1108,8 @@ var I18N_EN = {
     FILE_EDITOR_TITLE: "\u270F\uFE0F File editor",
     FILE_SAVED_TOAST: "\u2713 File saved",
     FILE_SAVE_ERROR_TOAST: "Error saving the file",
+    FIXTURES_WRITTEN_TOAST: "\u2713 Fixtures written to cypress/fixtures",
+    FIXTURES_NO_FOLDER_TOAST: "Could not write fixtures (configure the Cypress folder)",
     BTN_CONFIG: "Config",
     BTN_FILES: "Files",
     BTN_COMMANDS: "Commands",
@@ -1017,7 +1124,76 @@ var I18N_EN = {
     SESSION_RESUME_TEXT: "There is an unfinished active recording.",
     SESSION_RESUME_COUNT: "commands captured",
     SESSION_CONTINUE_BTN: "Keep recording",
-    SESSION_DISCARD_BTN: "Discard"
+    SESSION_DISCARD_BTN: "Discard",
+    BTN_HELP: "Help"
+  },
+  HELP: {
+    TITLE: "\u2753 Help \u2014 Quick guide",
+    INTRO: "Everything the recorder can do.",
+    SEC_RECORDING: "\u23FA Recording",
+    RECORDING_1: "Press \u23FA (or Ctrl+R) to start; \u23F9 to stop and save.",
+    RECORDING_2: "Pause / resume with \u23F8 (or Ctrl+P).",
+    SEC_SHORTCUTS: "\u2328\uFE0F Keyboard shortcuts",
+    SC_RECORD: "Ctrl+R \u2014 Record / stop",
+    SC_PAUSE: "Ctrl+P \u2014 Pause / resume",
+    SC_TESTS: "Ctrl+1 \u2014 Saved tests panel",
+    SC_COMMANDS: "Ctrl+2 \u2014 Commands panel",
+    SC_CONFIG: "Ctrl+3 \u2014 Settings",
+    SC_VISIBILITY: "Ctrl+Shift+E \u2014 Show / hide the widget",
+    SC_HELP: "Ctrl+Shift+H \u2014 This help",
+    SEC_CAPTURED: "\u{1F3AF} What gets recorded",
+    CAP_CLICK: "Click \u2192 .click()",
+    CAP_DBLCLICK: "Double-click \u2192 .dblclick()",
+    CAP_RIGHTCLICK: "Right-click \u2192 .rightclick()",
+    CAP_TYPE: "Type into a field \u2192 .clear().type(...)",
+    CAP_CHECK: "Checkbox / radio \u2192 .check() / .uncheck()",
+    CAP_SELECT: "<select> \u2192 .select(...)",
+    CAP_KEYS: 'Enter / Escape \u2192 .type("{enter}") / ("{esc}")',
+    CAP_ROUTE: "Route change (SPA) \u2192 cy.url().should(...)",
+    CAP_HTTP: "fetch / XHR \u2192 cy.intercept + cy.wait",
+    SEC_ASSERT: "\u2705 Assertions",
+    ASSERT_1: "Alt+click an element to verify it without running its action (text, value, checked or visible).",
+    ASSERT_2: "Or use the assertion builder in the Commands panel.",
+    SEC_PANELS: "\u{1F5C2} Panels",
+    PANEL_TESTS: "\u{1F4CB} Tests \u2014 saved tests: filter by tag, copy, combine, export.",
+    PANEL_COMMANDS: "\u2328\uFE0F Commands \u2014 current recording: reorder, delete, add assertions.",
+    PANEL_CONFIG: "\u2699\uFE0F Config \u2014 language, selector, HTTP, Cypress folder, data, visibility, position.",
+    PANEL_FILES: "\u{1F4C1} Files \u2014 insert tests into your .cy.ts and launch the runner.",
+    SEC_SELECTOR: "\u{1F50E} Selectors",
+    SELECTOR_1: "Choose the preferred attribute (data-cy, data-testid, aria-label, id) in Config.",
+    SELECTOR_2: "If a click has no reliable selector, a picker appears to choose the best ancestor.",
+    SEC_DATA: "\u{1F4BE} Data",
+    DATA_1: "Export tests to JSON (all / selection / by tags).",
+    DATA_2: "Import a JSON: it merges into your data (nothing is wiped).",
+    SEC_ADVANCED: "\u{1F680} Advanced",
+    ADV_INVISIBLE: "Invisible mode: start-hidden + Ctrl+Shift+E to record in production unobtrusively.",
+    ADV_RUNNER: "Local runner: npx lib-e2e-cypress-runner to run a spec headless from the editor.",
+    ADV_CROSSAPP: "Cross-app: the recording survives switching micro-frontend (same origin).",
+    ADV_DRAG: "Drag the \u23FA button to move the widget; its position is remembered.",
+    CLOSE: "Close",
+    TAB_REFERENCE: "Quick reference",
+    TAB_GUIDE: "Usage guide",
+    GUIDE_INTRO: "How to get the most out of the recorder, and what it does / doesn't cover.",
+    G_SEC_WORKFLOW: "\u{1F9ED} Workflow",
+    G_WF_1: "1. Press \u23FA (or Ctrl+R) to start recording.",
+    G_WF_2: "2. Use your app like a user: clicks, forms, navigation. Each action becomes a Cypress command.",
+    G_WF_3: "3. Add checks with Alt+click on whatever you want to verify.",
+    G_WF_4: "4. Press \u23F9 to stop; give it a name and tags, and save it.",
+    G_WF_5: "5. In \u{1F4C1} Files, insert the test into a .cy.ts or run it with the local runner.",
+    G_SEC_COVERED: "\u2705 What it covers",
+    G_COV_1: "Clicks, double-click, right-click, text inputs, checkbox/radio, select and Enter/Escape keys.",
+    G_COV_2: "SPA navigation (pushState/replaceState/popstate) \u2192 cy.url().should(...).",
+    G_COV_3: "fetch/XHR calls (GET/POST/PUT) \u2192 cy.intercept + cy.wait, with optional body validation.",
+    G_COV_4: "Reliable selector (data-cy/testid/aria/id) and a picker when none is obvious.",
+    G_COV_5: "Automatic assertions (Alt+click) and the manual builder.",
+    G_COV_6: "Continuity when switching micro-frontend (same origin), invisible mode and i18n.",
+    G_SEC_NOTCOVERED: "\u{1F6AB} What it does NOT cover (yet)",
+    G_NC_1: "Different origins / subdomains (same origin only).",
+    G_NC_2: "File upload (selectFile), drag & drop, and hover.",
+    G_NC_3: "The Tab key (Cypress can't .type() it).",
+    G_NC_4: "DELETE requests (intentionally ignored).",
+    G_NC_5: "Third-party iframes and Shadow DOM may not be captured.",
+    G_NC_6: "Programmatic login generation (on the roadmap)."
   }
 };
 
@@ -1045,7 +1221,11 @@ var I18N_FR = {
     SAVE_AND_EDIT: "\u{1F4DD} Enregistrer et \xE9diter",
     REMOVE_TAG_TITLE: "Retirer",
     NOTES_LABEL: "Description / Notes (optionnel) :",
-    NOTES_PLACEHOLDER: "Ce que ce test valide, conditions pr\xE9alables, etc."
+    NOTES_PLACEHOLDER: "Ce que ce test valide, conditions pr\xE9alables, etc.",
+    TICKET_LABEL: "Ticket / Issue (optionnel) :",
+    TICKET_PLACEHOLDER: "Ex : PROJ-123, #42",
+    TICKET_WARN: "ID non valide pour le fournisseur configur\xE9 (sera enregistr\xE9 quand m\xEAme)"
+    // TODO: translate
   },
   TEST_EDITOR: {
     NO_TAGS: "Sans \xE9tiquettes",
@@ -1059,7 +1239,11 @@ var I18N_FR = {
     COPY_ICPS_BTN: "\u{1F4CB} Copier les intercepteurs",
     DEFAULT_DESCRIBE: "Suite de tests",
     NO_TESTS: "Aucun test enregistr\xE9",
-    DELETE_TITLE: "Supprimer"
+    DELETE_TITLE: "Supprimer",
+    GROUP_BY_TICKET: "\u{1F3AB} Grouper par ticket",
+    UNGROUP_TICKET: "\u{1F3AB} D\xE9grouper",
+    NO_TICKET: "Sans ticket",
+    TICKET_LINK_TITLE: "Ouvrir le ticket"
   },
   CONFIG: {
     LANG_SECTION: "\u{1F310} Langue",
@@ -1067,6 +1251,9 @@ var I18N_FR = {
     HTTP_SECTION: "\u26A1 HTTP Avanc\xE9",
     HTTP_TITLE: "Validations du corps",
     HTTP_SUB: "GET \u2192 r\xE9ponse \xB7 POST/PUT \u2192 requ\xEAte",
+    FIXTURE_SECTION: "\u{1F9EA} Fixtures HTTP",
+    FIXTURE_TITLE: "Enregistrer les r\xE9ponses comme fixtures",
+    FIXTURE_SUB: "Les GET sont enregistr\xE9es dans cypress/fixtures et stub\xE9es via cy.intercept({ fixture }).",
     SELECTOR_SECTION: "\u{1F3AF} Strat\xE9gie de s\xE9lecteur",
     SELECTOR_LABEL: "Attribut pr\xE9f\xE9r\xE9 pour cy.get()",
     SELECTOR_OPT_DATACY: "data-cy (par d\xE9faut)",
@@ -1114,7 +1301,13 @@ var I18N_FR = {
     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"
+    WIDGET_POSITION_RESET_DONE: "\u2713 Position r\xE9initialis\xE9e",
+    ISSUE_TRACKER_SECTION: "\u{1F3AB} Gestionnaire de tickets",
+    ISSUE_TRACKER_TITLE: "Lier les tests aux tickets",
+    ISSUE_TRACKER_SUB: "Ajoutez un ID de ticket lors de l'enregistrement et g\xE9n\xE9rez un lien cliquable.",
+    ISSUE_TRACKER_PROVIDER: "Fournisseur",
+    ISSUE_TRACKER_BASE_URL: "URL de base",
+    ISSUE_TRACKER_BASE_URL_PH: "Ex : https://monprojet.atlassian.net"
   },
   SELECTOR_PICKER: {
     TITLE: "S\xE9lectionnez un \xE9l\xE9ment du DOM",
@@ -1203,6 +1396,8 @@ var I18N_FR = {
     FILE_EDITOR_TITLE: "\u270F\uFE0F \xC9diteur de fichier",
     FILE_SAVED_TOAST: "\u2713 Fichier enregistr\xE9",
     FILE_SAVE_ERROR_TOAST: "Erreur lors de l'enregistrement",
+    FIXTURES_WRITTEN_TOAST: "\u2713 Fixtures \xE9crites dans cypress/fixtures",
+    FIXTURES_NO_FOLDER_TOAST: "Impossible d'\xE9crire les fixtures (configure le dossier Cypress)",
     BTN_CONFIG: "Config",
     BTN_FILES: "Fichiers",
     BTN_COMMANDS: "Commandes",
@@ -1217,7 +1412,77 @@ var I18N_FR = {
     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"
+    SESSION_DISCARD_BTN: "Ignorer",
+    BTN_HELP: "Aide"
+  },
+  HELP: {
+    TITLE: "\u2753 Aide \u2014 Guide rapide",
+    INTRO: "Tout ce que l'enregistreur sait faire.",
+    SEC_RECORDING: "\u23FA Enregistrer",
+    RECORDING_1: "Appuie sur \u23FA (ou Ctrl+R) pour commencer ; \u23F9 pour arr\xEAter et enregistrer.",
+    RECORDING_2: "Pause / reprise avec \u23F8 (ou Ctrl+P).",
+    SEC_SHORTCUTS: "\u2328\uFE0F Raccourcis clavier",
+    SC_RECORD: "Ctrl+R \u2014 Enregistrer / arr\xEAter",
+    SC_PAUSE: "Ctrl+P \u2014 Pause / reprise",
+    SC_TESTS: "Ctrl+1 \u2014 Panneau des tests enregistr\xE9s",
+    SC_COMMANDS: "Ctrl+2 \u2014 Panneau des commandes",
+    SC_CONFIG: "Ctrl+3 \u2014 Param\xE8tres",
+    SC_VISIBILITY: "Ctrl+Shift+E \u2014 Afficher / masquer le widget",
+    SC_HELP: "Ctrl+Shift+H \u2014 Cette aide",
+    SEC_CAPTURED: "\u{1F3AF} Ce qui est enregistr\xE9",
+    CAP_CLICK: "Clic \u2192 .click()",
+    CAP_DBLCLICK: "Double-clic \u2192 .dblclick()",
+    CAP_RIGHTCLICK: "Clic droit \u2192 .rightclick()",
+    CAP_TYPE: "Saisie dans un champ \u2192 .clear().type(...)",
+    CAP_CHECK: "Case \xE0 cocher / radio \u2192 .check() / .uncheck()",
+    CAP_SELECT: "<select> \u2192 .select(...)",
+    CAP_KEYS: 'Entr\xE9e / \xC9chap \u2192 .type("{enter}") / ("{esc}")',
+    CAP_ROUTE: "Changement de route (SPA) \u2192 cy.url().should(...)",
+    CAP_HTTP: "fetch / XHR \u2192 cy.intercept + cy.wait",
+    SEC_ASSERT: "\u2705 Assertions",
+    ASSERT_1: "Alt+clic sur un \xE9l\xE9ment pour le v\xE9rifier sans ex\xE9cuter son action (texte, valeur, coch\xE9 ou visible).",
+    ASSERT_2: "Ou utilise le constructeur d'assertions dans le panneau Commandes.",
+    SEC_PANELS: "\u{1F5C2} Panneaux",
+    PANEL_TESTS: "\u{1F4CB} Tests \u2014 enregistr\xE9s : filtrer par tag, copier, combiner, exporter.",
+    PANEL_COMMANDS: "\u2328\uFE0F Commandes \u2014 enregistrement en cours : r\xE9ordonner, supprimer, ajouter des assertions.",
+    PANEL_CONFIG: "\u2699\uFE0F Config \u2014 langue, s\xE9lecteur, HTTP, dossier Cypress, donn\xE9es, visibilit\xE9, position.",
+    PANEL_FILES: "\u{1F4C1} Fichiers \u2014 ins\xE8re des tests dans tes .cy.ts et lance le runner.",
+    SEC_SELECTOR: "\u{1F50E} S\xE9lecteurs",
+    SELECTOR_1: "Choisis l'attribut pr\xE9f\xE9r\xE9 (data-cy, data-testid, aria-label, id) dans Config.",
+    SELECTOR_2: "Si un clic n'a pas de s\xE9lecteur fiable, un s\xE9lecteur appara\xEEt pour choisir le meilleur anc\xEAtre.",
+    SEC_DATA: "\u{1F4BE} Donn\xE9es",
+    DATA_1: "Exporte les tests en JSON (tout / s\xE9lection / par tags).",
+    DATA_2: "Importe un JSON : il fusionne avec tes donn\xE9es (rien n'est effac\xE9).",
+    SEC_ADVANCED: "\u{1F680} Avanc\xE9",
+    ADV_INVISIBLE: "Mode invisible : start-hidden + Ctrl+Shift+E pour enregistrer en production discr\xE8tement.",
+    ADV_RUNNER: "Runner local : npx lib-e2e-cypress-runner pour lancer un spec headless depuis l'\xE9diteur.",
+    ADV_CROSSAPP: "Cross-app : l'enregistrement survit au changement de micro-frontend (m\xEAme origine).",
+    ADV_DRAG: "Fais glisser le bouton \u23FA pour d\xE9placer le widget ; sa position est m\xE9moris\xE9e.",
+    CLOSE: "Fermer",
+    TAB_REFERENCE: "R\xE9f\xE9rence rapide",
+    TAB_GUIDE: "Guide d'utilisation",
+    // TODO: translate (fr) — usage guide body kept in Spanish for now.
+    GUIDE_INTRO: "C\xF3mo sacarle partido al grabador, qu\xE9 cubre y qu\xE9 no.",
+    G_SEC_WORKFLOW: "\u{1F9ED} Flujo de trabajo",
+    G_WF_1: "1. Pulsa \u23FA (o Ctrl+R) para empezar a grabar.",
+    G_WF_2: "2. Usa tu app como un usuario: clicks, formularios, navegaci\xF3n. Cada acci\xF3n se convierte en un comando Cypress.",
+    G_WF_3: "3. A\xF1ade verificaciones con Alt+click sobre lo que quieras comprobar.",
+    G_WF_4: "4. Pulsa \u23F9 para parar; ponle nombre y tags, y gu\xE1rdalo.",
+    G_WF_5: "5. En \u{1F4C1} Ficheros, inserta el test en un .cy.ts o l\xE1nzalo con el runner local.",
+    G_SEC_COVERED: "\u2705 Qu\xE9 cubre",
+    G_COV_1: "Clicks, doble-click, click derecho, inputs de texto, checkbox/radio, select y teclas Enter/Escape.",
+    G_COV_2: "Navegaci\xF3n SPA (pushState/replaceState/popstate) \u2192 cy.url().should(...).",
+    G_COV_3: "Llamadas fetch/XHR (GET/POST/PUT) \u2192 cy.intercept + cy.wait, con validaci\xF3n de body opcional.",
+    G_COV_4: "Selector fiable (data-cy/testid/aria/id) y picker cuando no hay uno claro.",
+    G_COV_5: "Aserciones autom\xE1ticas (Alt+click) y constructor manual.",
+    G_COV_6: "Continuidad al cambiar de micro-frontend (mismo origen), modo invisible e i18n.",
+    G_SEC_NOTCOVERED: "\u{1F6AB} Qu\xE9 NO cubre (por ahora)",
+    G_NC_1: "Or\xEDgenes distintos / subdominios (solo mismo origen).",
+    G_NC_2: "Subida de ficheros (selectFile), arrastrar y soltar, y hover.",
+    G_NC_3: "La tecla Tab (Cypress no la soporta en .type()).",
+    G_NC_4: "Peticiones DELETE (se ignoran a prop\xF3sito).",
+    G_NC_5: "iframes y Shadow DOM de terceros pueden no capturarse.",
+    G_NC_6: "Generaci\xF3n de login program\xE1tico (en el roadmap)."
   }
 };
 
@@ -1245,7 +1510,11 @@ var I18N_IT = {
     SAVE_AND_EDIT: "\u{1F4DD} Salva e modifica",
     REMOVE_TAG_TITLE: "Rimuovi",
     NOTES_LABEL: "Descrizione / Note (opzionale):",
-    NOTES_PLACEHOLDER: "Cosa valida questo test, condizioni preliminari, ecc."
+    NOTES_PLACEHOLDER: "Cosa valida questo test, condizioni preliminari, ecc.",
+    TICKET_LABEL: "Ticket / Issue (opzionale):",
+    TICKET_PLACEHOLDER: "Es: PROJ-123, #42",
+    TICKET_WARN: "ID non valido per il provider configurato (verr\xE0 salvato comunque)"
+    // TODO: translate
   },
   TEST_EDITOR: {
     NO_TAGS: "Nessuna etichetta",
@@ -1259,7 +1528,11 @@ var I18N_IT = {
     COPY_ICPS_BTN: "\u{1F4CB} Copia interceptor",
     DEFAULT_DESCRIBE: "Suite di test",
     NO_TESTS: "Nessun test salvato",
-    DELETE_TITLE: "Elimina"
+    DELETE_TITLE: "Elimina",
+    GROUP_BY_TICKET: "\u{1F3AB} Raggruppa per ticket",
+    UNGROUP_TICKET: "\u{1F3AB} Separa",
+    NO_TICKET: "Senza ticket",
+    TICKET_LINK_TITLE: "Apri ticket"
   },
   CONFIG: {
     LANG_SECTION: "\u{1F310} Lingua",
@@ -1267,6 +1540,9 @@ var I18N_IT = {
     HTTP_SECTION: "\u26A1 HTTP Avanzato",
     HTTP_TITLE: "Validazioni del body",
     HTTP_SUB: "GET \u2192 risposta \xB7 POST/PUT \u2192 richiesta",
+    FIXTURE_SECTION: "\u{1F9EA} Fixture HTTP",
+    FIXTURE_TITLE: "Registra le risposte come fixture",
+    FIXTURE_SUB: "Le GET vengono salvate in cypress/fixtures e stubbate con cy.intercept({ fixture }).",
     SELECTOR_SECTION: "\u{1F3AF} Strategia selettore",
     SELECTOR_LABEL: "Attributo preferito per cy.get()",
     SELECTOR_OPT_DATACY: "data-cy (predefinito)",
@@ -1314,7 +1590,13 @@ var I18N_IT = {
     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"
+    WIDGET_POSITION_RESET_DONE: "\u2713 Posizione reimpostata",
+    ISSUE_TRACKER_SECTION: "\u{1F3AB} Issue tracker",
+    ISSUE_TRACKER_TITLE: "Collega i test ai ticket",
+    ISSUE_TRACKER_SUB: "Aggiungi un ID ticket al salvataggio e genera un link cliccabile nell'elenco.",
+    ISSUE_TRACKER_PROVIDER: "Provider",
+    ISSUE_TRACKER_BASE_URL: "URL base",
+    ISSUE_TRACKER_BASE_URL_PH: "Es: https://mioprogetto.atlassian.net"
   },
   SELECTOR_PICKER: {
     TITLE: "Seleziona un elemento DOM",
@@ -1403,6 +1685,8 @@ var I18N_IT = {
     FILE_EDITOR_TITLE: "\u270F\uFE0F Editor di file",
     FILE_SAVED_TOAST: "\u2713 File salvato",
     FILE_SAVE_ERROR_TOAST: "Errore durante il salvataggio",
+    FIXTURES_WRITTEN_TOAST: "\u2713 Fixture scritte in cypress/fixtures",
+    FIXTURES_NO_FOLDER_TOAST: "Impossibile scrivere le fixture (configura la cartella Cypress)",
     BTN_CONFIG: "Config",
     BTN_FILES: "File",
     BTN_COMMANDS: "Comandi",
@@ -1417,7 +1701,77 @@ var I18N_IT = {
     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"
+    SESSION_DISCARD_BTN: "Annulla",
+    BTN_HELP: "Aiuto"
+  },
+  HELP: {
+    TITLE: "\u2753 Aiuto \u2014 Guida rapida",
+    INTRO: "Tutto ci\xF2 che il registratore sa fare.",
+    SEC_RECORDING: "\u23FA Registrare",
+    RECORDING_1: "Premi \u23FA (o Ctrl+R) per iniziare; \u23F9 per fermare e salvare.",
+    RECORDING_2: "Pausa / ripresa con \u23F8 (o Ctrl+P).",
+    SEC_SHORTCUTS: "\u2328\uFE0F Scorciatoie da tastiera",
+    SC_RECORD: "Ctrl+R \u2014 Registra / ferma",
+    SC_PAUSE: "Ctrl+P \u2014 Pausa / ripresa",
+    SC_TESTS: "Ctrl+1 \u2014 Pannello test salvati",
+    SC_COMMANDS: "Ctrl+2 \u2014 Pannello comandi",
+    SC_CONFIG: "Ctrl+3 \u2014 Impostazioni",
+    SC_VISIBILITY: "Ctrl+Shift+E \u2014 Mostra / nascondi il widget",
+    SC_HELP: "Ctrl+Shift+H \u2014 Questo aiuto",
+    SEC_CAPTURED: "\u{1F3AF} Cosa viene registrato",
+    CAP_CLICK: "Click \u2192 .click()",
+    CAP_DBLCLICK: "Doppio click \u2192 .dblclick()",
+    CAP_RIGHTCLICK: "Click destro \u2192 .rightclick()",
+    CAP_TYPE: "Digitare in un campo \u2192 .clear().type(...)",
+    CAP_CHECK: "Checkbox / radio \u2192 .check() / .uncheck()",
+    CAP_SELECT: "<select> \u2192 .select(...)",
+    CAP_KEYS: 'Invio / Esc \u2192 .type("{enter}") / ("{esc}")',
+    CAP_ROUTE: "Cambio di rotta (SPA) \u2192 cy.url().should(...)",
+    CAP_HTTP: "fetch / XHR \u2192 cy.intercept + cy.wait",
+    SEC_ASSERT: "\u2705 Asserzioni",
+    ASSERT_1: "Alt+click su un elemento per verificarlo senza eseguire la sua azione (testo, valore, checked o visibile).",
+    ASSERT_2: "Oppure usa il costruttore di asserzioni nel pannello Comandi.",
+    SEC_PANELS: "\u{1F5C2} Pannelli",
+    PANEL_TESTS: "\u{1F4CB} Test \u2014 salvati: filtra per tag, copia, combina, esporta.",
+    PANEL_COMMANDS: "\u2328\uFE0F Comandi \u2014 registrazione corrente: riordina, elimina, aggiungi asserzioni.",
+    PANEL_CONFIG: "\u2699\uFE0F Config \u2014 lingua, selettore, HTTP, cartella Cypress, dati, visibilit\xE0, posizione.",
+    PANEL_FILES: "\u{1F4C1} File \u2014 inserisci test nei tuoi .cy.ts e avvia il runner.",
+    SEC_SELECTOR: "\u{1F50E} Selettori",
+    SELECTOR_1: "Scegli l'attributo preferito (data-cy, data-testid, aria-label, id) in Config.",
+    SELECTOR_2: "Se un click non ha un selettore affidabile, appare un picker per scegliere l'antenato migliore.",
+    SEC_DATA: "\u{1F4BE} Dati",
+    DATA_1: "Esporta i test in JSON (tutto / selezione / per tag).",
+    DATA_2: "Importa un JSON: si fonde con i tuoi dati (non si cancella nulla).",
+    SEC_ADVANCED: "\u{1F680} Avanzato",
+    ADV_INVISIBLE: "Modalit\xE0 invisibile: start-hidden + Ctrl+Shift+E per registrare in produzione senza disturbare.",
+    ADV_RUNNER: "Runner locale: npx lib-e2e-cypress-runner per eseguire uno spec headless dall'editor.",
+    ADV_CROSSAPP: "Cross-app: la registrazione sopravvive al cambio di micro-frontend (stessa origine).",
+    ADV_DRAG: "Trascina il pulsante \u23FA per spostare il widget; la posizione viene ricordata.",
+    CLOSE: "Chiudi",
+    TAB_REFERENCE: "Riferimento rapido",
+    TAB_GUIDE: "Guida all'uso",
+    // TODO: translate (it) — usage guide body kept in Spanish for now.
+    GUIDE_INTRO: "C\xF3mo sacarle partido al grabador, qu\xE9 cubre y qu\xE9 no.",
+    G_SEC_WORKFLOW: "\u{1F9ED} Flujo de trabajo",
+    G_WF_1: "1. Pulsa \u23FA (o Ctrl+R) para empezar a grabar.",
+    G_WF_2: "2. Usa tu app como un usuario: clicks, formularios, navegaci\xF3n. Cada acci\xF3n se convierte en un comando Cypress.",
+    G_WF_3: "3. A\xF1ade verificaciones con Alt+click sobre lo que quieras comprobar.",
+    G_WF_4: "4. Pulsa \u23F9 para parar; ponle nombre y tags, y gu\xE1rdalo.",
+    G_WF_5: "5. En \u{1F4C1} Ficheros, inserta el test en un .cy.ts o l\xE1nzalo con el runner local.",
+    G_SEC_COVERED: "\u2705 Qu\xE9 cubre",
+    G_COV_1: "Clicks, doble-click, click derecho, inputs de texto, checkbox/radio, select y teclas Enter/Escape.",
+    G_COV_2: "Navegaci\xF3n SPA (pushState/replaceState/popstate) \u2192 cy.url().should(...).",
+    G_COV_3: "Llamadas fetch/XHR (GET/POST/PUT) \u2192 cy.intercept + cy.wait, con validaci\xF3n de body opcional.",
+    G_COV_4: "Selector fiable (data-cy/testid/aria/id) y picker cuando no hay uno claro.",
+    G_COV_5: "Aserciones autom\xE1ticas (Alt+click) y constructor manual.",
+    G_COV_6: "Continuidad al cambiar de micro-frontend (mismo origen), modo invisible e i18n.",
+    G_SEC_NOTCOVERED: "\u{1F6AB} Qu\xE9 NO cubre (por ahora)",
+    G_NC_1: "Or\xEDgenes distintos / subdominios (solo mismo origen).",
+    G_NC_2: "Subida de ficheros (selectFile), arrastrar y soltar, y hover.",
+    G_NC_3: "La tecla Tab (Cypress no la soporta en .type()).",
+    G_NC_4: "Peticiones DELETE (se ignoran a prop\xF3sito).",
+    G_NC_5: "iframes y Shadow DOM de terceros pueden no capturarse.",
+    G_NC_6: "Generaci\xF3n de login program\xE1tico (en el roadmap)."
   }
 };
 
@@ -1445,7 +1799,11 @@ var I18N_DE = {
     SAVE_AND_EDIT: "\u{1F4DD} Speichern und bearbeiten",
     REMOVE_TAG_TITLE: "Entfernen",
     NOTES_LABEL: "Beschreibung / Notizen (optional):",
-    NOTES_PLACEHOLDER: "Was dieser Test validiert, Voraussetzungen usw."
+    NOTES_PLACEHOLDER: "Was dieser Test validiert, Voraussetzungen usw.",
+    TICKET_LABEL: "Ticket / Issue (optional):",
+    TICKET_PLACEHOLDER: "Z. B.: PROJ-123, #42",
+    TICKET_WARN: "Ung\xFCltige ID f\xFCr den konfigurierten Anbieter (wird trotzdem gespeichert)"
+    // TODO: translate
   },
   TEST_EDITOR: {
     NO_TAGS: "Keine Tags",
@@ -1459,7 +1817,11 @@ var I18N_DE = {
     COPY_ICPS_BTN: "\u{1F4CB} Interceptors kopieren",
     DEFAULT_DESCRIBE: "Test-Suite",
     NO_TESTS: "Keine gespeicherten Tests",
-    DELETE_TITLE: "L\xF6schen"
+    DELETE_TITLE: "L\xF6schen",
+    GROUP_BY_TICKET: "\u{1F3AB} Nach Ticket gruppieren",
+    UNGROUP_TICKET: "\u{1F3AB} Gruppierung aufheben",
+    NO_TICKET: "Kein Ticket",
+    TICKET_LINK_TITLE: "Ticket \xF6ffnen"
   },
   CONFIG: {
     LANG_SECTION: "\u{1F310} Sprache",
@@ -1467,6 +1829,9 @@ var I18N_DE = {
     HTTP_SECTION: "\u26A1 Erweitertes HTTP",
     HTTP_TITLE: "Body-Validierungen",
     HTTP_SUB: "GET \u2192 Antwort \xB7 POST/PUT \u2192 Anfrage",
+    FIXTURE_SECTION: "\u{1F9EA} HTTP-Fixtures",
+    FIXTURE_TITLE: "Antworten als Fixtures aufzeichnen",
+    FIXTURE_SUB: "GET-Antworten werden in cypress/fixtures gespeichert und mit cy.intercept({ fixture }) gestubbt.",
     SELECTOR_SECTION: "\u{1F3AF} Selector-Strategie",
     SELECTOR_LABEL: "Bevorzugtes Attribut f\xFCr cy.get()",
     SELECTOR_OPT_DATACY: "data-cy (Standard)",
@@ -1514,7 +1879,13 @@ var I18N_DE = {
     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"
+    WIDGET_POSITION_RESET_DONE: "\u2713 Position zur\xFCckgesetzt",
+    ISSUE_TRACKER_SECTION: "\u{1F3AB} Issue-Tracker",
+    ISSUE_TRACKER_TITLE: "Tests mit Tickets verkn\xFCpfen",
+    ISSUE_TRACKER_SUB: "F\xFCge beim Speichern eine Ticket-ID hinzu und erstelle einen klickbaren Link.",
+    ISSUE_TRACKER_PROVIDER: "Anbieter",
+    ISSUE_TRACKER_BASE_URL: "Basis-URL",
+    ISSUE_TRACKER_BASE_URL_PH: "Z. B.: https://meinprojekt.atlassian.net"
   },
   SELECTOR_PICKER: {
     TITLE: "DOM-Element ausw\xE4hlen",
@@ -1603,6 +1974,8 @@ var I18N_DE = {
     FILE_EDITOR_TITLE: "\u270F\uFE0F Datei-Editor",
     FILE_SAVED_TOAST: "\u2713 Datei gespeichert",
     FILE_SAVE_ERROR_TOAST: "Fehler beim Speichern",
+    FIXTURES_WRITTEN_TOAST: "\u2713 Fixtures in cypress/fixtures geschrieben",
+    FIXTURES_NO_FOLDER_TOAST: "Fixtures konnten nicht geschrieben werden (Cypress-Ordner konfigurieren)",
     BTN_CONFIG: "Config",
     BTN_FILES: "Dateien",
     BTN_COMMANDS: "Befehle",
@@ -1617,7 +1990,77 @@ var I18N_DE = {
     SESSION_RESUME_TEXT: "Es gibt eine nicht abgeschlossene aktive Aufzeichnung.",
     SESSION_RESUME_COUNT: "erfasste Befehle",
     SESSION_CONTINUE_BTN: "Weiter aufzeichnen",
-    SESSION_DISCARD_BTN: "Verwerfen"
+    SESSION_DISCARD_BTN: "Verwerfen",
+    BTN_HELP: "Hilfe"
+  },
+  HELP: {
+    TITLE: "\u2753 Hilfe \u2014 Kurzanleitung",
+    INTRO: "Alles, was der Recorder kann.",
+    SEC_RECORDING: "\u23FA Aufzeichnen",
+    RECORDING_1: "Dr\xFCcke \u23FA (oder Ctrl+R) zum Starten; \u23F9 zum Stoppen und Speichern.",
+    RECORDING_2: "Pause / Fortsetzen mit \u23F8 (oder Ctrl+P).",
+    SEC_SHORTCUTS: "\u2328\uFE0F Tastenk\xFCrzel",
+    SC_RECORD: "Ctrl+R \u2014 Aufzeichnen / stoppen",
+    SC_PAUSE: "Ctrl+P \u2014 Pausieren / fortsetzen",
+    SC_TESTS: "Ctrl+1 \u2014 Panel gespeicherte Tests",
+    SC_COMMANDS: "Ctrl+2 \u2014 Befehle-Panel",
+    SC_CONFIG: "Ctrl+3 \u2014 Einstellungen",
+    SC_VISIBILITY: "Ctrl+Shift+E \u2014 Widget ein-/ausblenden",
+    SC_HELP: "Ctrl+Shift+H \u2014 Diese Hilfe",
+    SEC_CAPTURED: "\u{1F3AF} Was aufgezeichnet wird",
+    CAP_CLICK: "Klick \u2192 .click()",
+    CAP_DBLCLICK: "Doppelklick \u2192 .dblclick()",
+    CAP_RIGHTCLICK: "Rechtsklick \u2192 .rightclick()",
+    CAP_TYPE: "In ein Feld tippen \u2192 .clear().type(...)",
+    CAP_CHECK: "Checkbox / Radio \u2192 .check() / .uncheck()",
+    CAP_SELECT: "<select> \u2192 .select(...)",
+    CAP_KEYS: 'Enter / Escape \u2192 .type("{enter}") / ("{esc}")',
+    CAP_ROUTE: "Routenwechsel (SPA) \u2192 cy.url().should(...)",
+    CAP_HTTP: "fetch / XHR \u2192 cy.intercept + cy.wait",
+    SEC_ASSERT: "\u2705 Assertions",
+    ASSERT_1: "Alt+Klick auf ein Element, um es zu pr\xFCfen, ohne seine Aktion auszul\xF6sen (Text, Wert, checked oder sichtbar).",
+    ASSERT_2: "Oder nutze den Assertion-Builder im Befehle-Panel.",
+    SEC_PANELS: "\u{1F5C2} Panels",
+    PANEL_TESTS: "\u{1F4CB} Tests \u2014 gespeichert: nach Tag filtern, kopieren, kombinieren, exportieren.",
+    PANEL_COMMANDS: "\u2328\uFE0F Befehle \u2014 aktuelle Aufzeichnung: umsortieren, l\xF6schen, Assertions hinzuf\xFCgen.",
+    PANEL_CONFIG: "\u2699\uFE0F Config \u2014 Sprache, Selektor, HTTP, Cypress-Ordner, Daten, Sichtbarkeit, Position.",
+    PANEL_FILES: "\u{1F4C1} Dateien \u2014 Tests in deine .cy.ts einf\xFCgen und den Runner starten.",
+    SEC_SELECTOR: "\u{1F50E} Selektoren",
+    SELECTOR_1: "W\xE4hle das bevorzugte Attribut (data-cy, data-testid, aria-label, id) unter Config.",
+    SELECTOR_2: "Hat ein Klick keinen zuverl\xE4ssigen Selektor, erscheint ein Picker zur Wahl des besten Vorfahren.",
+    SEC_DATA: "\u{1F4BE} Daten",
+    DATA_1: "Tests als JSON exportieren (alle / Auswahl / nach Tags).",
+    DATA_2: "JSON importieren: wird zu deinen Daten hinzugef\xFCgt (nichts wird gel\xF6scht).",
+    SEC_ADVANCED: "\u{1F680} Erweitert",
+    ADV_INVISIBLE: "Unsichtbarer Modus: start-hidden + Ctrl+Shift+E, um in Produktion unauff\xE4llig aufzuzeichnen.",
+    ADV_RUNNER: "Lokaler Runner: npx lib-e2e-cypress-runner, um einen Spec headless aus dem Editor zu starten.",
+    ADV_CROSSAPP: "Cross-App: die Aufzeichnung \xFCbersteht den Wechsel des Micro-Frontends (gleicher Origin).",
+    ADV_DRAG: "Ziehe den \u23FA-Button, um das Widget zu verschieben; die Position wird gemerkt.",
+    CLOSE: "Schlie\xDFen",
+    TAB_REFERENCE: "Kurzreferenz",
+    TAB_GUIDE: "Nutzungsleitfaden",
+    // TODO: translate (de) — usage guide body kept in Spanish for now.
+    GUIDE_INTRO: "C\xF3mo sacarle partido al grabador, qu\xE9 cubre y qu\xE9 no.",
+    G_SEC_WORKFLOW: "\u{1F9ED} Flujo de trabajo",
+    G_WF_1: "1. Pulsa \u23FA (o Ctrl+R) para empezar a grabar.",
+    G_WF_2: "2. Usa tu app como un usuario: clicks, formularios, navegaci\xF3n. Cada acci\xF3n se convierte en un comando Cypress.",
+    G_WF_3: "3. A\xF1ade verificaciones con Alt+click sobre lo que quieras comprobar.",
+    G_WF_4: "4. Pulsa \u23F9 para parar; ponle nombre y tags, y gu\xE1rdalo.",
+    G_WF_5: "5. En \u{1F4C1} Ficheros, inserta el test en un .cy.ts o l\xE1nzalo con el runner local.",
+    G_SEC_COVERED: "\u2705 Qu\xE9 cubre",
+    G_COV_1: "Clicks, doble-click, click derecho, inputs de texto, checkbox/radio, select y teclas Enter/Escape.",
+    G_COV_2: "Navegaci\xF3n SPA (pushState/replaceState/popstate) \u2192 cy.url().should(...).",
+    G_COV_3: "Llamadas fetch/XHR (GET/POST/PUT) \u2192 cy.intercept + cy.wait, con validaci\xF3n de body opcional.",
+    G_COV_4: "Selector fiable (data-cy/testid/aria/id) y picker cuando no hay uno claro.",
+    G_COV_5: "Aserciones autom\xE1ticas (Alt+click) y constructor manual.",
+    G_COV_6: "Continuidad al cambiar de micro-frontend (mismo origen), modo invisible e i18n.",
+    G_SEC_NOTCOVERED: "\u{1F6AB} Qu\xE9 NO cubre (por ahora)",
+    G_NC_1: "Or\xEDgenes distintos / subdominios (solo mismo origen).",
+    G_NC_2: "Subida de ficheros (selectFile), arrastrar y soltar, y hover.",
+    G_NC_3: "La tecla Tab (Cypress no la soporta en .type()).",
+    G_NC_4: "Peticiones DELETE (se ignoran a prop\xF3sito).",
+    G_NC_5: "iframes y Shadow DOM de terceros pueden no capturarse.",
+    G_NC_6: "Generaci\xF3n de login program\xE1tico (en el roadmap)."
   }
 };
 
@@ -1750,6 +2193,32 @@ var advancedTestTransformationService = new AdvancedTestTransformationService();
 
 // src/services/recording.service.ts
 init_selector_quality_utils();
+
+// src/utils/assertion.utils.ts
+var MAX_TEXT_LENGTH = 60;
+function inferAssertionCommand(el, selector) {
+  const should = (body) => `cy.get('${selector}').should(${body})`;
+  const tag = el.tagName.toLowerCase();
+  if (tag === "input") {
+    const input = el;
+    const type = (input.getAttribute("type") ?? "text").toLowerCase();
+    if (type === "checkbox" || type === "radio") {
+      return should(`'${input.checked ? "be.checked" : "not.be.checked"}'`);
+    }
+    return input.value ? should(`'have.value', '${escapeSingleQuotes(input.value)}'`) : should(`'be.visible'`);
+  }
+  if (tag === "textarea" || tag === "select") {
+    const value = el.value;
+    return value ? should(`'have.value', '${escapeSingleQuotes(value)}'`) : should(`'be.visible'`);
+  }
+  const text = (el.textContent ?? "").replace(/\s+/g, " ").trim();
+  if (text && text.length <= MAX_TEXT_LENGTH) {
+    return should(`'contain.text', '${escapeSingleQuotes(text)}'`);
+  }
+  return should(`'be.visible'`);
+}
+
+// src/services/recording.service.ts
 var OWN_SELECTOR = '[data-cy="lib-e2e-cypress-for-dummys"]';
 function createSessionId() {
   if (typeof crypto !== "undefined" && typeof crypto.randomUUID === "function") {
@@ -1764,6 +2233,7 @@ var RecordingService = class {
   isPaused$ = new Subject(false);
   selectorNotFound$ = new Subject(null);
   inputDebounceTimers = /* @__PURE__ */ new Map();
+  fixtures = /* @__PURE__ */ new Map();
   abort = new AbortController();
   selectorStrategy = "data-cy";
   /** Stable id of the current live session (null when none has started). */
@@ -1773,13 +2243,18 @@ var RecordingService = class {
   origPushState = history.pushState.bind(history);
   origReplaceState = history.replaceState.bind(history);
   constructor() {
+    this.listenToAssertClicks();
     this.listenToClicks();
+    this.listenToDoubleClicks();
+    this.listenToContextMenu();
     this.listenToInput();
     this.listenToSelect();
+    this.listenToKeys();
     this.listenToRouteChanges();
   }
   // ── Public API ────────────────────────────────────────────────────────────
   startRecording() {
+    this.clearCommands();
     this.sessionId = createSessionId();
     this.startedAt = Date.now();
     this.isPaused$.next(false);
@@ -1866,17 +2341,27 @@ var RecordingService = class {
     if (index < 0 || index >= ints.length) return;
     this.interceptors$.next([...ints.slice(0, index), ...ints.slice(index + 1)]);
   }
-  registerInterceptor(method, url, alias) {
+  registerInterceptor(method, url, alias, fixtureFile) {
     if (!this.isRecording$.getValue() || this.isPaused$.getValue()) return;
-    const command = `cy.intercept('${method}', '${this.urlToWildcard(url, method)}').as('${alias}')`;
+    const wildcard = this.urlToWildcard(url, method);
+    const command = fixtureFile ? `cy.intercept('${method}', '${wildcard}', { fixture: '${fixtureFile}' }).as('${alias}')` : `cy.intercept('${method}', '${wildcard}').as('${alias}')`;
     const current = this.interceptors$.getValue();
     if (!current.includes(command)) {
       this.interceptors$.next([...current, command]);
     }
   }
+  /** Registers a captured response as a Cypress fixture (name → JSON content). */
+  registerFixture(name, content) {
+    if (!this.isRecording$.getValue() || this.isPaused$.getValue()) return;
+    this.fixtures.set(name, content);
+  }
+  getFixturesSnapshot() {
+    return [...this.fixtures.entries()].map(([name, content]) => ({ name, content }));
+  }
   clearCommands() {
     this.commands$.next([]);
     this.interceptors$.next([]);
+    this.fixtures.clear();
   }
   clearInterceptors() {
     this.interceptors$.next([]);
@@ -1930,6 +2415,39 @@ var RecordingService = class {
     this.inputDebounceTimers.clear();
   }
   // ── DOM listeners ─────────────────────────────────────────────────────────
+  /**
+   * Alt+click captures an ASSERTION for the element instead of a click, and
+   * suppresses the element's real action. Runs in the capture phase so it fires
+   * before the app's handlers and before the bubble-phase click listener below
+   * (stopImmediatePropagation prevents a duplicate `.click()`). See spec 009.
+   */
+  listenToAssertClicks() {
+    document.addEventListener(
+      "click",
+      (e) => {
+        if (!this.isRecording$.getValue() || this.isPaused$.getValue()) return;
+        if (!e.altKey) return;
+        const target = e.target;
+        if (!target || this.isOwnElement(target)) return;
+        const tag = target.tagName?.toLowerCase();
+        if (tag === "body" || tag === "html") return;
+        const container = target.closest("[data-cy], [data-testid], [aria-label], [id]");
+        if (!container) return;
+        const selector = this.getReliableSelector(container);
+        if (!selector || this.isOwnSelector(selector)) return;
+        e.preventDefault();
+        e.stopImmediatePropagation();
+        const emit = () => this.addCommand(inferAssertionCommand(container, selector));
+        const type = (container.getAttribute("type") ?? "").toLowerCase();
+        if (container.tagName.toLowerCase() === "input" && (type === "checkbox" || type === "radio")) {
+          queueMicrotask(emit);
+        } else {
+          emit();
+        }
+      },
+      { capture: true, signal: this.abort.signal }
+    );
+  }
   listenToClicks() {
     document.addEventListener(
       "click",
@@ -1944,6 +2462,70 @@ var RecordingService = class {
       { signal: this.abort.signal }
     );
   }
+  /** Centralised selector resolution for the pointer/key listeners (spec 010). */
+  resolveSelectorFor(target) {
+    if (!target || this.isOwnElement(target)) return null;
+    const tag = target.tagName?.toLowerCase();
+    if (tag === "body" || tag === "html") return null;
+    const container = target.closest("[data-cy], [data-testid], [aria-label], [id]");
+    if (!container) return null;
+    const selector = this.getReliableSelector(container);
+    if (!selector || this.isOwnSelector(selector)) return null;
+    return selector;
+  }
+  listenToDoubleClicks() {
+    document.addEventListener(
+      "dblclick",
+      (e) => {
+        if (!this.isRecording$.getValue() || this.isPaused$.getValue()) return;
+        if (e.altKey) return;
+        const selector = this.resolveSelectorFor(e.target);
+        if (!selector) return;
+        const clickCmd = `cy.get('${selector}').click()`;
+        let cmds = this.commands$.getValue();
+        let removed = 0;
+        while (removed < 2 && cmds.length > 0 && cmds[cmds.length - 1] === clickCmd) {
+          cmds = cmds.slice(0, -1);
+          removed++;
+        }
+        if (removed > 0) this.commands$.next(cmds);
+        this.addCommand(`cy.get('${selector}').dblclick()`);
+      },
+      { signal: this.abort.signal }
+    );
+  }
+  listenToContextMenu() {
+    document.addEventListener(
+      "contextmenu",
+      (e) => {
+        if (!this.isRecording$.getValue() || this.isPaused$.getValue()) return;
+        const selector = this.resolveSelectorFor(e.target);
+        if (!selector) return;
+        this.addCommand(`cy.get('${selector}').rightclick()`);
+      },
+      { signal: this.abort.signal }
+    );
+  }
+  /** Enter → type('{enter}'), Escape → type('{esc}'), only inside a field. */
+  listenToKeys() {
+    document.addEventListener(
+      "keydown",
+      (e) => {
+        if (!this.isRecording$.getValue() || this.isPaused$.getValue()) return;
+        const key = e.key;
+        if (key !== "Enter" && key !== "Escape") return;
+        const target = e.target;
+        const tag = target?.tagName?.toLowerCase();
+        if (tag !== "input" && tag !== "textarea" && tag !== "select") return;
+        const selector = this.resolveSelectorFor(target);
+        if (!selector) return;
+        this.flushInputDebounce(target);
+        const token = key === "Enter" ? "{enter}" : "{esc}";
+        this.addCommand(`cy.get('${selector}').type('${token}')`);
+      },
+      { signal: this.abort.signal }
+    );
+  }
   listenToInput() {
     document.addEventListener(
       "input",
@@ -2022,11 +2604,32 @@ var RecordingService = class {
         }
         return;
       }
+      if (!this.isInteractiveElement(target)) {
+        const interactive = target.closest(
+          'button,a,input,select,textarea,label,summary,mat-option,[role="button"],[role="link"],[role="menuitem"],[role="option"],[role="tab"]'
+        );
+        if (!interactive) return;
+        target = interactive;
+      }
     }
     const tag = target.tagName.toLowerCase();
     if (tag === "input" || tag === "textarea" || tag === "select") {
       const container2 = target.closest("[data-cy], [data-testid], [aria-label], [id]");
-      if (!container2) this.selectorNotFound$.next({ target, action: "click" });
+      if (!container2) {
+        this.selectorNotFound$.next({ target, action: "click" });
+        return;
+      }
+      if (tag === "input") {
+        const input = target;
+        const type = (input.getAttribute("type") ?? "").toLowerCase();
+        if (type === "checkbox" || type === "radio") {
+          const selector2 = this.getReliableSelector(container2);
+          if (selector2 && !this.isOwnSelector(selector2)) {
+            const action = type === "radio" || input.checked ? "check" : "uncheck";
+            this.addCommand(`cy.get('${selector2}').${action}()`);
+          }
+        }
+      }
       return;
     }
     const container = target.closest("[data-cy], [data-testid], [aria-label], [id]");
@@ -2040,6 +2643,10 @@ var RecordingService = class {
       this.handleMatOptionClick(target, selector);
       return;
     }
+    if (!selector) {
+      this.selectorNotFound$.next({ target, action: "click" });
+      return;
+    }
     this.addGenericCommand({
       selector,
       action: (s) => `cy.get('${s}').click()`
@@ -2073,16 +2680,30 @@ var RecordingService = class {
     this.inputDebounceTimers.set(
       target,
       setTimeout(() => {
-        const selector = this.getReliableSelector(container);
-        const value = target.value.replace(/'/g, "\\'");
-        this.addGenericCommand({
-          selector,
-          action: (s) => `cy.get('${s}').clear().type('${value}')`
-        });
         this.inputDebounceTimers.delete(target);
+        this.recordInputValue(target);
       }, 1e3)
     );
   }
+  /** Records a text field's current value as a `clear().type()` command. */
+  recordInputValue(target) {
+    const container = target.closest("[data-cy], [data-testid], [aria-label], [id]");
+    if (!container) return;
+    const selector = this.getReliableSelector(container);
+    const value = target.value.replace(/'/g, "\\'");
+    this.addGenericCommand({
+      selector,
+      action: (s) => `cy.get('${s}').clear().type('${value}')`
+    });
+  }
+  /** Flushes any pending debounced value for an element, recording it now. */
+  flushInputDebounce(target) {
+    const timer = this.inputDebounceTimers.get(target);
+    if (timer === void 0) return;
+    clearTimeout(timer);
+    this.inputDebounceTimers.delete(target);
+    this.recordInputValue(target);
+  }
   // ── Select helpers ────────────────────────────────────────────────────────
   handleSelectEvent(target) {
     const container = target.closest("[data-cy], [data-testid], [aria-label], [id]");
@@ -2177,9 +2798,9 @@ var PersistenceService = class {
     return this._db;
   }
   // ── Tests ─────────────────────────────────────────────────────────────────
-  async insertTest(name, commands = [], interceptors = [], tags = [], notes) {
+  async insertTest(name, commands = [], interceptors = [], tags = [], notes, ticketId) {
     const db = await this.getDB();
-    const record = { name, createdAt: Date.now(), ...tags.length ? { tags } : {}, ...notes ? { notes } : {} };
+    const record = { name, createdAt: Date.now(), ...tags.length ? { tags } : {}, ...notes ? { notes } : {}, ...ticketId ? { ticketId } : {} };
     const id = await db.add("tests", record);
     if (commands.length) await this.insertCommands(commands, id);
     if (interceptors.length) await this.insertInterceptors(interceptors, id);
@@ -2333,6 +2954,31 @@ ${commands.map((c) => normalizeBlock(c, "  ")).join("\n")}
     await this.setConfigKey("cypressDirectoryHandle", dirHandle);
     await this.setConfigKey("allowReadWriteFiles", "true");
   }
+  /**
+   * Writes captured fixtures into `cypress/fixtures/` using the configured Cypress
+   * folder handle (spec 012). Returns the number written. Throws if no folder is
+   * configured or write permission is denied.
+   */
+  async writeFixtures(fixtures) {
+    if (!fixtures.length) return 0;
+    const config = await this.getGeneralConfig();
+    const dirHandle = config?.["cypressDirectoryHandle"];
+    if (!dirHandle) throw new Error("No Cypress folder configured");
+    const perm = dirHandle;
+    let state = await perm.queryPermission({ mode: "readwrite" });
+    if (state !== "granted") state = await perm.requestPermission({ mode: "readwrite" });
+    if (state !== "granted") throw new Error("Write permission denied");
+    const fixturesDir = await dirHandle.getDirectoryHandle("fixtures", { create: true });
+    let written = 0;
+    for (const fx of fixtures) {
+      const fileHandle = await fixturesDir.getFileHandle(fx.name, { create: true });
+      const writable = await fileHandle.createWritable();
+      await writable.write(fx.content);
+      await writable.close();
+      written++;
+    }
+    return written;
+  }
   async bulkInsertWithoutId(store, items) {
     if (!Array.isArray(items)) return;
     const db = await this.getDB();
@@ -2385,6 +3031,14 @@ function parseJsonObject(text) {
   }
   return null;
 }
+function prettyJsonOrNull(text) {
+  try {
+    const parsed = JSON.parse(text);
+    if (parsed && typeof parsed === "object") return JSON.stringify(parsed, null, 2);
+  } catch {
+  }
+  return null;
+}
 function parseRequestBody(init) {
   const body = init?.body;
   if (typeof body === "string") return parseJsonObject(body);
@@ -2418,6 +3072,9 @@ var HttpMonitor = class {
   isExtendedHttpEnabled() {
     return localStorage.getItem("extendedHttpCommands") === "true";
   }
+  isFixtureModeEnabled() {
+    return localStorage.getItem("fixtureMode") === "true";
+  }
   installFetch() {
     if (this.originalFetch) return;
     const originalFetch = window.fetch;
@@ -2481,14 +3138,21 @@ var HttpMonitor = class {
     const alias = generateAlias(method, url);
     this.recording.registerInterceptor(method, url, alias);
     const extendedHttp = this.isExtendedHttpEnabled();
+    const fixtureMode = this.isFixtureModeEnabled();
     const requestBody = extendedHttp ? parseRequestBody(init) : null;
+    let responseText = null;
     let responseBody = null;
-    if (extendedHttp) {
+    if (extendedHttp || fixtureMode && method === "GET") {
       try {
-        responseBody = parseJsonObject(await responseClone.text());
+        responseText = await responseClone.text();
+        if (extendedHttp) responseBody = parseJsonObject(responseText);
       } catch {
       }
     }
+    if (fixtureMode && method === "GET" && responseText !== null) {
+      const pretty = prettyJsonOrNull(responseText);
+      if (pretty !== null) this.recording.registerFixture(`${alias}.json`, pretty);
+    }
     const cmd = buildCyWaitCommand(method, alias, extendedHttp, requestBody, responseBody);
     this.recording.addCommand(cmd);
   }
@@ -2496,6 +3160,10 @@ var HttpMonitor = class {
     if (!INTERCEPTED_METHODS.includes(method)) return;
     const alias = generateAlias(method, url);
     this.recording.registerInterceptor(method, url, alias);
+    if (this.isFixtureModeEnabled() && method === "GET") {
+      const pretty = prettyJsonOrNull(responseText);
+      if (pretty !== null) this.recording.registerFixture(`${alias}.json`, pretty);
+    }
     const extendedHttp = this.isExtendedHttpEnabled();
     const responseBody = extendedHttp ? parseJsonObject(responseText) : null;
     const cmd = buildCyWaitCommand(method, alias, extendedHttp, requestBody, responseBody);
@@ -2613,6 +3281,10 @@ var LIB_E2E_CYPRESS_FOR_DUMMYS_SWAL2_STYLES = `
   align-items: stretch;
   box-sizing: border-box;
   overflow: hidden !important;
+  /* Left-align modal body text/code (SweetAlert defaults it to centre, which
+     inherits into the panels \u2014 including their shadow DOM). Titles/buttons keep
+     their own alignment. */
+  text-align: left !important;
 }
 /* The single wrapper div we inject inside each modal fills the container */
 .swal2-html-container > div {
@@ -3021,12 +3693,39 @@ if (!customElements.get("test-previsualizer")) {
   customElements.define("test-previsualizer", TestPrevisualizerElement);
 }
 
+// src/models/issue-tracker.model.ts
+var ISSUE_TRACKER_PRESETS = {
+  jira: { id: "jira", label: "Jira", urlPattern: "{baseUrl}/browse/{id}", idPattern: /^[A-Z][A-Z0-9]+-\d+$/ },
+  github: { id: "github", label: "GitHub Issues", urlPattern: "{baseUrl}/issues/{id}", idPattern: /^\d+$/ },
+  gitlab: { id: "gitlab", label: "GitLab Issues", urlPattern: "{baseUrl}/-/issues/{id}", idPattern: /^\d+$/ },
+  azure: { id: "azure", label: "Azure DevOps", urlPattern: "{baseUrl}/_workitems/edit/{id}", idPattern: /^\d+$/ },
+  bitbucket: { id: "bitbucket", label: "Bitbucket Issues", urlPattern: "{baseUrl}/issues/{id}", idPattern: /^\d+$/ },
+  custom: { id: "custom", label: "Custom", urlPattern: "{baseUrl}/{id}", idPattern: /.+/ }
+};
+var DEFAULT_ISSUE_TRACKER_CONFIG = {
+  enabled: false,
+  provider: "jira",
+  baseUrl: ""
+};
+
+// src/utils/ticket.utils.ts
+function buildTicketUrl(ticketId, config) {
+  if (!config.enabled || !ticketId.trim() || !config.baseUrl.trim()) return null;
+  const preset = ISSUE_TRACKER_PRESETS[config.provider];
+  const base = config.baseUrl.replace(/\/+$/, "");
+  return preset.urlPattern.replace("{baseUrl}", base).replace("{id}", encodeURIComponent(ticketId.trim()));
+}
+function isValidTicketId(ticketId, provider) {
+  if (!ticketId.trim()) return false;
+  return ISSUE_TRACKER_PRESETS[provider].idPattern.test(ticketId.trim());
+}
+
 // src/components/save-test/save-test.styles.ts
 var SAVE_TEST_STYLES = `
   :host { display: block; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; color: #e6edf3; }
   * { box-sizing: border-box; }
   .container { padding: 24px 28px; text-align: left; }
-  .btn-row, p { text-align: center; }
+  .btn-row { text-align: center; }
   p { margin: 0 0 20px; font-size: 14px; color: #8b949e; line-height: 1.5; }
   .btn-row { display: flex; gap: 8px; justify-content: center; flex-wrap: wrap; margin-top: 16px; }
   button {
@@ -3096,10 +3795,15 @@ function renderSaveTestAsk(t) {
       </div>
     </div>`;
 }
-function renderSaveTestDesc(description, notes, tags, t) {
+function renderSaveTestDesc(description, notes, tags, ticketId, issueTrackerEnabled, ticketWarn, t) {
   const chipsHtml = tags.map(
     (tag) => `<span class="chip">${escHtml(tag)}<button class="chip-del" data-tag="${escAttr(tag)}" title="${t("SAVE_TEST.REMOVE_TAG_TITLE")}">\u2715</button></span>`
   ).join("");
+  const ticketHtml = issueTrackerEnabled ? `
+      <span class="tag-label">${t("SAVE_TEST.TICKET_LABEL")}</span>
+      <input id="ticket-input" type="text" placeholder="${escAttr(t("SAVE_TEST.TICKET_PLACEHOLDER"))}"
+             value="${escAttr(ticketId)}" autocomplete="off" />
+      ${ticketWarn ? `<span class="ticket-warn">\u26A0 ${t("SAVE_TEST.TICKET_WARN")}</span>` : ""}` : "";
   return `
     <div class="container">
       <p>${t("SAVE_TEST.DESC_LABEL")} (<code>it()</code>):</p>
@@ -3113,6 +3817,7 @@ function renderSaveTestDesc(description, notes, tags, t) {
         <button class="btn-tag-add" id="btn-add-tag">${t("SAVE_TEST.ADD_TAG")}</button>
       </div>
       <div class="chips" id="chips-container">${chipsHtml || `<span style="color:#484f58;font-size:11px">${t("SAVE_TEST.NO_TAGS")}</span>`}</div>
+      ${ticketHtml}
       <div class="btn-row">
         <button class="btn-primary" id="btn-confirm">${t("SAVE_TEST.SAVE_BTN")}</button>
         <button class="btn-success" id="btn-export">${t("SAVE_TEST.SAVE_AND_EDIT")}</button>
@@ -3128,6 +3833,8 @@ var SaveTestElement = class extends HTMLElement {
   description = "";
   notes = "";
   tags = [];
+  ticketId = "";
+  issueTrackerConfig = DEFAULT_ISSUE_TRACKER_CONFIG;
   translation = translationService;
   constructor() {
     super();
@@ -3144,19 +3851,20 @@ var SaveTestElement = class extends HTMLElement {
     this.render();
   }
   confirmSave() {
-    this.dispatch("savetest", { description: this.description.trim(), notes: this.notes, tags: [...this.tags] });
+    this.dispatch("savetest", { description: this.description.trim(), notes: this.notes, tags: [...this.tags], ticketId: this.ticketId.trim() });
   }
   confirmSaveAndExport() {
-    this.dispatch("saveandexport", { description: this.description.trim(), notes: this.notes, tags: [...this.tags] });
+    this.dispatch("saveandexport", { description: this.description.trim(), notes: this.notes, tags: [...this.tags], ticketId: this.ticketId.trim() });
   }
   cancel() {
-    this.dispatch("savetest", { description: null, notes: "", tags: [] });
+    this.dispatch("savetest", { description: null, notes: "", tags: [], ticketId: "" });
   }
   restartComponent() {
     this._step = "ask";
     this.description = "";
     this.notes = "";
     this.tags = [];
+    this.ticketId = "";
     this.render();
   }
   addTag(tag) {
@@ -3173,6 +3881,10 @@ var SaveTestElement = class extends HTMLElement {
   t(key) {
     return this.translation.translate(key);
   }
+  get ticketIdWarning() {
+    if (!this.ticketId.trim() || !this.issueTrackerConfig.enabled) return false;
+    return !isValidTicketId(this.ticketId, this.issueTrackerConfig.provider);
+  }
   dispatch(type, detail) {
     this.dispatchEvent(new CustomEvent(type, { detail, bubbles: true, composed: true }));
   }
@@ -3182,16 +3894,21 @@ var SaveTestElement = class extends HTMLElement {
       this.shadow.getElementById("btn-yes")?.addEventListener("click", () => this.askSave());
       this.shadow.getElementById("btn-no")?.addEventListener("click", () => this.cancel());
     } else {
-      this.shadow.innerHTML = `<style>${SAVE_TEST_STYLES}</style>${renderSaveTestDesc(this.description, this.notes, this.tags, this.t.bind(this))}`;
+      this.shadow.innerHTML = `<style>${SAVE_TEST_STYLES}</style>${renderSaveTestDesc(this.description, this.notes, this.tags, this.ticketId, this.issueTrackerConfig.enabled, this.ticketIdWarning, this.t.bind(this))}`;
       const descInput = this.shadow.getElementById("desc-input");
       const notesInput = this.shadow.getElementById("notes-input");
       const tagInput = this.shadow.getElementById("tag-input");
+      const ticketInput = this.shadow.getElementById("ticket-input");
       descInput.addEventListener("input", () => {
         this.description = descInput.value;
       });
       notesInput.addEventListener("input", () => {
         this.notes = notesInput.value;
       });
+      ticketInput?.addEventListener("input", () => {
+        this.ticketId = ticketInput.value;
+        this.render();
+      });
       const tryAddTag = () => {
         this.addTag(tagInput.value);
         tagInput.value = "";
@@ -3283,6 +4000,18 @@ var TEST_EDITOR_STYLES = `
     padding: 1px 7px; border-radius: 20px; font-size: 10px;
     background: rgba(47,129,247,0.1); color: #8b949e; border: 1px solid rgba(47,129,247,0.2);
   }
+  .ticket-badge, .ticket-link {
+    padding: 1px 7px; border-radius: 20px; font-size: 10px; font-weight: 500;
+    background: rgba(210,153,34,0.12); color: #d29922; border: 1px solid rgba(210,153,34,0.3);
+    white-space: nowrap; flex-shrink: 0;
+  }
+  .ticket-link {
+    text-decoration: none; cursor: pointer;
+    transition: background 0.12s, border-color 0.12s;
+  }
+  .ticket-link::before { content: '\u{1F3AB} '; font-size: 9px; }
+  .ticket-link:hover { background: rgba(210,153,34,0.22); border-color: rgba(210,153,34,0.55); color: #e3b341; }
+  .ticket-badge::before { content: '\u{1F3AB} '; font-size: 9px; }
   .btn-icon {
     padding: 3px 8px; border: none; border-radius: 6px; cursor: pointer;
     font-size: 11px; background: #21262d; color: #8b949e;
@@ -3314,6 +4043,13 @@ var TEST_EDITOR_STYLES = `
   .code-preview::-webkit-scrollbar { height: 4px; }
   .code-preview::-webkit-scrollbar-thumb { background: #30363d; border-radius: 2px; }
   .code-preview-icp { margin-top: 8px; }
+  .ticket-group { margin-bottom: 8px; }
+  .ticket-group-header {
+    padding: 4px 10px; margin-bottom: 4px;
+    font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.7px;
+    color: #d29922; border-left: 3px solid rgba(210,153,34,0.5);
+    background: rgba(210,153,34,0.06); border-radius: 0 4px 4px 0;
+  }
   .sh-kw  { color: #ff7b72; }
   .sh-bi  { color: #d2a8ff; }
   .sh-str { color: #a5d6ff; }
@@ -3420,8 +4156,48 @@ function highlightLine(line) {
 }
 
 // src/components/test-editor/test-editor.template.ts
+function renderTestRow(test, i, state, t) {
+  const { selectMode, selectedIds, expandedIndex, interceptorsByTest, locale, issueTrackerConfig } = state;
+  const expanded = expandedIndex === i;
+  const date = new Date(test.createdAt).toLocaleString(locale, { day: "2-digit", month: "2-digit", hour: "2-digit", minute: "2-digit" });
+  const icps = interceptorsByTest[test.id] ?? test.interceptors ?? [];
+  const tagsHtml = (test.tags ?? []).length ? `<span class="test-tags">${(test.tags ?? []).map((tag) => `<span class="test-tag">${escHtml(tag)}</span>`).join("")}</span>` : "";
+  const checkbox = selectMode ? `<input type="checkbox" ${selectedIds.has(test.id) ? "checked" : ""} data-select="${test.id}" />` : "";
+  const hasIcps = (test.interceptors ?? []).length > 0;
+  const itBlockCode = `it('${escapeSingleQuotes(test.name)}', () => {
+${(test.commands ?? []).map((c) => normalizeBlock(c, "  ")).join("\n")}
+});`;
+  const icpBlockCode = icps.length ? `beforeEach(() => {
+  // Auto-generated Cypress interceptors
+${icps.map((c) => normalizeBlock(c, "  ")).join("\n")}
+});` : "";
+  const notesHtml = expanded && test.notes ? `<p class="test-notes">${escHtml(test.notes)}</p>` : "";
+  const ticketId = test.ticketId;
+  const ticketUrl = ticketId ? buildTicketUrl(ticketId, issueTrackerConfig) : null;
+  const ticketHtml = ticketId ? ticketUrl ? `<a class="ticket-link" href="${escAttr(ticketUrl)}" target="_blank" rel="noopener noreferrer" title="${t("TEST_EDITOR.TICKET_LINK_TITLE")}">${escHtml(ticketId)}</a>` : `<span class="ticket-badge">${escHtml(ticketId)}</span>` : "";
+  const body = expanded ? `
+    <div class="row-body">
+      ${notesHtml}
+      <pre class="code-preview">${syntaxHighlight(itBlockCode)}</pre>
+      ${icpBlockCode ? `<pre class="code-preview code-preview-icp">${syntaxHighlight(icpBlockCode)}</pre>` : ""}
+    </div>` : "";
+  return `
+    <div class="row${selectedIds.has(test.id) ? " selected-row" : ""}">
+      <div class="row-header" data-action="expand" data-idx="${i}">
+        ${checkbox}
+        <span class="test-name">${escHtml(test.name)}</span>
+        ${tagsHtml}
+        ${ticketHtml}
+        <span class="test-date">${date}</span>
+        <button class="btn-icon" data-action="copy-cmds" data-idx="${i}" title="${t("TEST_EDITOR.COPY_CMDS_BTN")}">${t("TEST_EDITOR.COPY_CMDS_BTN")}</button>
+        ${hasIcps ? `<button class="btn-icon" data-action="copy-icps" data-idx="${i}" title="${t("TEST_EDITOR.COPY_ICPS_BTN")}">${t("TEST_EDITOR.COPY_ICPS_BTN")}</button>` : ""}
+        <button class="btn-icon btn-del" data-action="delete" data-id="${test.id}" title="${t("TEST_EDITOR.DELETE_TITLE")}">\u{1F5D1}</button>
+      </div>
+      ${body}
+    </div>`;
+}
 function renderTestEditor(state, t) {
-  const { tags, visible, selectedVisible, activeTag, selectMode, selectedIds, describeName, expandedIndex, interceptorsByTest, locale } = state;
+  const { tags, visible, selectedVisible, activeTag, selectMode, describeName, groupByTicket } = state;
   const tagFilterHtml = tags.length ? `<div class="tag-filter">
         ${tags.map((tag) => `<button class="tag-chip${activeTag === tag ? " active" : ""}" data-filter-tag="${escAttr(tag)}">${escHtml(tag)}</button>`).join("")}
        </div>` : `<div class="tag-filter" style="color:#484f58;font-size:11px">${t("TEST_EDITOR.NO_TAGS")}</div>`;
@@ -3430,44 +4206,36 @@ function renderTestEditor(state, t) {
         <input id="describe-name" type="text" placeholder="${t("TEST_EDITOR.DESCRIBE_PLACEHOLDER")}" value="${escAttr(describeName)}" />
         <button class="btn-gen-describe" id="btn-gen-describe">${t("TEST_EDITOR.COPY_DESCRIBE")}</button>
       </div>` : "";
-  const rows = visible.map((test, i) => {
-    const expanded = expandedIndex === i;
-    const date = new Date(test.createdAt).toLocaleString(locale, { day: "2-digit", month: "2-digit", hour: "2-digit", minute: "2-digit" });
-    const icps = interceptorsByTest[test.id] ?? test.interceptors ?? [];
-    const tagsHtml = (test.tags ?? []).length ? `<span class="test-tags">${(test.tags ?? []).map((tag) => `<span class="test-tag">${escHtml(tag)}</span>`).join("")}</span>` : "";
-    const checkbox = selectMode ? `<input type="checkbox" ${selectedIds.has(test.id) ? "checked" : ""} data-select="${test.id}" />` : "";
-    const hasIcps = (test.interceptors ?? []).length > 0;
-    const itBlockCode = `it('${escapeSingleQuotes(test.name)}', () => {
-${(test.commands ?? []).map((c) => normalizeBlock(c, "  ")).join("\n")}
-});`;
-    const icpBlockCode = icps.length ? `beforeEach(() => {
-  // Auto-generated Cypress interceptors
-${icps.map((c) => normalizeBlock(c, "  ")).join("\n")}
-});` : "";
-    const notesHtml = expanded && test.notes ? `<p class="test-notes">${escHtml(test.notes)}</p>` : "";
-    const body = expanded ? `
-      <div class="row-body">
-        ${notesHtml}
-        <pre class="code-preview">${syntaxHighlight(itBlockCode)}</pre>
-        ${icpBlockCode ? `<pre class="code-preview code-preview-icp">${syntaxHighlight(icpBlockCode)}</pre>` : ""}
-      </div>` : "";
-    return `
-      <div class="row${selectedIds.has(test.id) ? " selected-row" : ""}">
-        <div class="row-header" data-action="expand" data-idx="${i}">
-          ${checkbox}
-          <span class="test-name">${escHtml(test.name)}</span>
-          ${tagsHtml}
-          <span class="test-date">${date}</span>
-          <button class="btn-icon" data-action="copy-cmds" data-idx="${i}" title="${t("TEST_EDITOR.COPY_CMDS_BTN")}">${t("TEST_EDITOR.COPY_CMDS_BTN")}</button>
-          ${hasIcps ? `<button class="btn-icon" data-action="copy-icps" data-idx="${i}" title="${t("TEST_EDITOR.COPY_ICPS_BTN")}">${t("TEST_EDITOR.COPY_ICPS_BTN")}</button>` : ""}
-          <button class="btn-icon btn-del" data-action="delete" data-id="${test.id}" title="${t("TEST_EDITOR.DELETE_TITLE")}">\u{1F5D1}</button>
-        </div>
-        ${body}
-      </div>`;
-  }).join("");
+  let rows;
+  if (groupByTicket) {
+    const groups = /* @__PURE__ */ new Map();
+    for (const test of visible) {
+      const key = test.ticketId?.trim() || "";
+      const group = groups.get(key) ?? [];
+      group.push(test);
+      groups.set(key, group);
+    }
+    const sortedKeys = [...groups.keys()].sort(
+      (a, b) => a === "" ? 1 : b === "" ? -1 : a.localeCompare(b)
+    );
+    rows = sortedKeys.map((key) => {
+      const group = groups.get(key);
+      const header = `<div class="ticket-group-header">${key ? escHtml(key) : t("TEST_EDITOR.NO_TICKET")}</div>`;
+      const groupRows = group.map((test) => {
+        const i = visible.indexOf(test);
+        return renderTestRow(test, i, state, t);
+      }).join("");
+      return `<div class="ticket-group">${header}${groupRows}</div>`;
+    }).join("");
+  } else {
+    rows = visible.map((test, i) => renderTestRow(test, i, state, t)).join("");
+  }
   return `
     <div class="toolbar">
       ${tagFilterHtml}
+      <button class="btn-select${groupByTicket ? " active" : ""}" id="btn-group-ticket">
+        ${groupByTicket ? t("TEST_EDITOR.UNGROUP_TICKET") : t("TEST_EDITOR.GROUP_BY_TICKET")}
+      </button>
       <button class="btn-select${selectMode ? " active" : ""}" id="btn-select-mode">
         ${selectMode ? t("TEST_EDITOR.CANCEL_SELECT") : t("TEST_EDITOR.MULTI_SELECT")}
       </button>
@@ -3490,6 +4258,8 @@ var TestEditorElement = class extends HTMLElement {
   selectMode = false;
   selectedIds = /* @__PURE__ */ new Set();
   describeName = "";
+  groupByTicket = false;
+  issueTrackerConfig = { ...DEFAULT_ISSUE_TRACKER_CONFIG };
   constructor() {
     super();
     this.shadow = this.attachShadow({ mode: "open" });
@@ -3520,6 +4290,10 @@ var TestEditorElement = class extends HTMLElement {
   hasInterceptors(testId) {
     return Array.isArray(this.interceptorsByTest[testId]) && this.interceptorsByTest[testId].length > 0;
   }
+  toggleGroupByTicket() {
+    this.groupByTicket = !this.groupByTicket;
+    this.render();
+  }
   toggleSelectMode() {
     this.selectMode = !this.selectMode;
     if (!this.selectMode) this.selectedIds.clear();
@@ -3584,8 +4358,11 @@ ${beforeEach}${itBlocks}
       describeName: this.describeName,
       expandedIndex: this.expandedIndex,
       interceptorsByTest: this.interceptorsByTest,
-      locale: localeForLang(this.translation.getLang())
+      locale: localeForLang(this.translation.getLang()),
+      groupByTicket: this.groupByTicket,
+      issueTrackerConfig: this.issueTrackerConfig
     }, this.t.bind(this))}`;
+    this.shadow.getElementById("btn-group-ticket")?.addEventListener("click", () => this.toggleGroupByTicket());
     this.shadow.getElementById("btn-select-mode")?.addEventListener("click", () => this.toggleSelectMode());
     this.shadow.querySelectorAll("[data-filter-tag]").forEach((el) => {
       el.addEventListener("click", () => {
@@ -3650,7 +4427,7 @@ if (!customElements.get("test-editor")) {
 
 // src/components/configuration/configuration.styles.ts
 var CONFIGURATION_STYLES = `
-  :host { display: block; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; color: #e6edf3; }
+  :host { display: block; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; color: #e6edf3; max-height: 70vh; overflow-y: auto; scrollbar-width: thin; scrollbar-color: #30363d transparent; }
   * { box-sizing: border-box; }
 
   /* \u2500\u2500 Grid container \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */
@@ -3874,7 +4651,7 @@ function renderExportOverlay(state, t) {
     </div>`;
 }
 function renderConfiguration(state, t) {
-  const { selectedLanguage, advancedHttpConfig, selectorStrategy, filesystemGranted, cypressFolderName, smartSelectorEnabled, startHidden, resumeTtlMinutes } = state;
+  const { selectedLanguage, advancedHttpConfig, fixtureMode, selectorStrategy, filesystemGranted, cypressFolderName, smartSelectorEnabled, startHidden, resumeTtlMinutes, issueTrackerConfig } = state;
   const langOptions = LANGS.map(
     (l) => `<option value="${l.value}" ${selectedLanguage === l.value ? "selected" : ""}>${l.label}</option>`
   ).join("");
@@ -3902,6 +4679,18 @@ function renderConfiguration(state, t) {
         </label>
       </div>
 
+      <!-- HTTP Fixtures -->
+      <div class="card">
+        <div class="card-hd">${t("CONFIG.FIXTURE_SECTION")}</div>
+        <label class="check-row">
+          <input type="checkbox" id="fixture-toggle" ${fixtureMode ? "checked" : ""} />
+          <div>
+            <div class="check-title">${t("CONFIG.FIXTURE_TITLE")}</div>
+            <div class="check-sub">${t("CONFIG.FIXTURE_SUB")}</div>
+          </div>
+        </label>
+      </div>
+
       <!-- Smart Selector -->
       <div class="card">
         <div class="card-hd">${t("CONFIG.SMART_SELECTOR_SECTION")}</div>
@@ -3983,6 +4772,34 @@ function renderConfiguration(state, t) {
         </div>
       </div>
 
+      <!-- Issue Tracker -->
+      <div class="card card-wide">
+        <div class="card-hd">${t("CONFIG.ISSUE_TRACKER_SECTION")}</div>
+        <label class="check-row">
+          <input type="checkbox" id="issue-tracker-toggle" ${issueTrackerConfig.enabled ? "checked" : ""} />
+          <div>
+            <div class="check-title">${t("CONFIG.ISSUE_TRACKER_TITLE")}</div>
+            <div class="check-sub">${t("CONFIG.ISSUE_TRACKER_SUB")}</div>
+          </div>
+        </label>
+        ${issueTrackerConfig.enabled ? `
+        <div class="field-row" style="margin-top:10px">
+          <span class="field-label">${t("CONFIG.ISSUE_TRACKER_PROVIDER")}</span>
+          <select id="issue-tracker-provider">
+            ${Object.values(ISSUE_TRACKER_PRESETS).map(
+    (p) => `<option value="${p.id}" ${issueTrackerConfig.provider === p.id ? "selected" : ""}>${escHtml(p.label)}</option>`
+  ).join("")}
+          </select>
+        </div>
+        <div class="field-row" style="margin-top:8px">
+          <span class="field-label">${t("CONFIG.ISSUE_TRACKER_BASE_URL")}</span>
+          <input id="issue-tracker-base-url" type="text"
+                 placeholder="${escAttr(t("CONFIG.ISSUE_TRACKER_BASE_URL_PH"))}"
+                 value="${escAttr(issueTrackerConfig.baseUrl)}"
+                 style="flex:1;padding:5px 8px;background:#161b22;border:1px solid #30363d;border-radius:5px;color:#c9d1d9;font-size:12px;outline:none" />
+        </div>` : ""}
+      </div>
+
       <!-- Data -->
       <div class="card card-wide">
         <div class="card-hd">${t("CONFIG.DATA_SECTION")}</div>
@@ -4006,6 +4823,7 @@ var ConfigurationElement = class extends HTMLElement {
   translation;
   selectedLanguage = "es";
   advancedHttpConfig = false;
+  fixtureMode = false;
   selectorStrategy = "data-cy";
   smartSelectorEnabled = true;
   startHidden = false;
@@ -4015,12 +4833,14 @@ var ConfigurationElement = class extends HTMLElement {
   exportTests = [];
   exportSelectedIds = /* @__PURE__ */ new Set();
   exportSelectedTags = /* @__PURE__ */ new Set();
+  issueTrackerConfig = { ...DEFAULT_ISSUE_TRACKER_CONFIG };
   filesystemGranted = false;
   cypressFolderName = null;
   constructor() {
     super();
     this.shadow = this.attachShadow({ mode: "open" });
     this.advancedHttpConfig = localStorage.getItem("extendedHttpCommands") === "true";
+    this.fixtureMode = localStorage.getItem("fixtureMode") === "true";
   }
   connectedCallback() {
     if (!this.persistence) this.persistence = new PersistenceService();
@@ -4038,6 +4858,7 @@ var ConfigurationElement = class extends HTMLElement {
       this.translation.setLang(this.selectedLanguage);
     }
     this.advancedHttpConfig = localStorage.getItem("extendedHttpCommands") === "true";
+    this.fixtureMode = localStorage.getItem("fixtureMode") === "true";
     this.selectorStrategy = config?.["selectorStrategy"] ?? "data-cy";
     this.smartSelectorEnabled = config?.["smartSelectorEnabled"] !== "false";
     this.startHidden = config?.["startHidden"] === "true";
@@ -4049,6 +4870,11 @@ var ConfigurationElement = class extends HTMLElement {
     this.filesystemGranted = config?.["allowReadWriteFiles"] === "true";
     const handle = config?.["cypressDirectoryHandle"];
     this.cypressFolderName = handle?.name ?? null;
+    this.issueTrackerConfig = {
+      enabled: config?.["issueTrackerEnabled"] === "true",
+      provider: config?.["issueTrackerProvider"] ?? DEFAULT_ISSUE_TRACKER_CONFIG.provider,
+      baseUrl: config?.["issueTrackerBaseUrl"] ?? ""
+    };
     this.render();
   }
   async onLanguageChange(lang) {
@@ -4063,6 +4889,12 @@ var ConfigurationElement = class extends HTMLElement {
     this.persistence.setConfig({ extendedHttpCommands: checked ? "true" : "false" });
     this.render();
   }
+  onFixtureModeChange(checked) {
+    this.fixtureMode = checked;
+    localStorage.setItem("fixtureMode", checked ? "true" : "false");
+    this.persistence.setConfig({ fixtureMode: checked ? "true" : "false" });
+    this.render();
+  }
   async onStartHiddenChange(checked) {
     this.startHidden = checked;
     await this.persistence.setConfig({ startHidden: checked ? "true" : "false" });
@@ -4091,6 +4923,23 @@ var ConfigurationElement = class extends HTMLElement {
     this.dispatchEvent(new CustomEvent("selectorstrategychange", { detail: strategy, bubbles: true, composed: true }));
     this.render();
   }
+  async onIssueTrackerEnabledChange(enabled) {
+    this.issueTrackerConfig = { ...this.issueTrackerConfig, enabled };
+    await this.persistence.setConfig({ issueTrackerEnabled: enabled ? "true" : "false" });
+    this.dispatchEvent(new CustomEvent("issuetrackerchange", { detail: { ...this.issueTrackerConfig }, bubbles: true, composed: true }));
+    this.render();
+  }
+  async onIssueTrackerProviderChange(provider) {
+    this.issueTrackerConfig = { ...this.issueTrackerConfig, provider };
+    await this.persistence.setConfig({ issueTrackerProvider: provider });
+    this.dispatchEvent(new CustomEvent("issuetrackerchange", { detail: { ...this.issueTrackerConfig }, bubbles: true, composed: true }));
+    this.render();
+  }
+  async onIssueTrackerBaseUrlChange(baseUrl) {
+    this.issueTrackerConfig = { ...this.issueTrackerConfig, baseUrl };
+    await this.persistence.setConfig({ issueTrackerBaseUrl: baseUrl });
+    this.dispatchEvent(new CustomEvent("issuetrackerchange", { detail: { ...this.issueTrackerConfig }, bubbles: true, composed: true }));
+  }
   async changeFolder() {
     try {
       await this.persistence.requestDirectoryPermissions();
@@ -4181,6 +5030,7 @@ var ConfigurationElement = class extends HTMLElement {
     this.shadow.innerHTML = `<style>${CONFIGURATION_STYLES}</style>${renderConfiguration({
       selectedLanguage: this.selectedLanguage,
       advancedHttpConfig: this.advancedHttpConfig,
+      fixtureMode: this.fixtureMode,
       selectorStrategy: this.selectorStrategy,
       filesystemGranted: this.filesystemGranted,
       cypressFolderName: this.cypressFolderName,
@@ -4191,7 +5041,8 @@ var ConfigurationElement = class extends HTMLElement {
       exportMode: this.exportMode,
       exportTests: this.exportTests,
       exportSelectedIds: this.exportSelectedIds,
-      exportSelectedTags: this.exportSelectedTags
+      exportSelectedTags: this.exportSelectedTags,
+      issueTrackerConfig: this.issueTrackerConfig
     }, this.t.bind(this))}`;
     ;
     this.shadow.getElementById("lang-select").addEventListener(
@@ -4202,6 +5053,10 @@ var ConfigurationElement = class extends HTMLElement {
       "change",
       (e) => this.onAdvancedHttpConfigChange(e.target.checked)
     );
+    this.shadow.getElementById("fixture-toggle").addEventListener(
+      "change",
+      (e) => this.onFixtureModeChange(e.target.checked)
+    );
     this.shadow.getElementById("smart-selector-toggle").addEventListener(
       "change",
       (e) => this.onSmartSelectorChange(e.target.checked)
@@ -4219,6 +5074,19 @@ var ConfigurationElement = class extends HTMLElement {
       "change",
       (e) => this.onSelectorStrategyChange(e.target.value)
     );
+    ;
+    this.shadow.getElementById("issue-tracker-toggle")?.addEventListener(
+      "change",
+      (e) => this.onIssueTrackerEnabledChange(e.target.checked)
+    );
+    this.shadow.getElementById("issue-tracker-provider")?.addEventListener(
+      "change",
+      (e) => this.onIssueTrackerProviderChange(e.target.value)
+    );
+    this.shadow.getElementById("issue-tracker-base-url")?.addEventListener(
+      "change",
+      (e) => this.onIssueTrackerBaseUrlChange(e.target.value)
+    );
     this.shadow.getElementById("btn-change-folder")?.addEventListener("click", () => this.changeFolder());
     this.shadow.getElementById("btn-revoke")?.addEventListener("click", () => this.revokeAccess());
     this.shadow.getElementById("btn-export")?.addEventListener("click", () => this.openExportDialog());
@@ -5175,6 +6043,155 @@ if (!customElements.get("file-preview")) {
   customElements.define("file-preview", FilePreviewElement);
 }
 
+// src/components/help-panel/help-panel.styles.ts
+var HELP_PANEL_STYLES = `
+  :host { display: block; }
+  *, *::before, *::after { box-sizing: border-box; }
+
+  .help-tabs {
+    display: flex;
+    gap: 4px;
+    border-bottom: 1px solid #21262d;
+    margin-bottom: 8px;
+  }
+  .help-tab {
+    appearance: none;
+    border: none;
+    background: transparent;
+    color: #8b949e;
+    font-size: 12px;
+    font-weight: 600;
+    padding: 8px 12px;
+    cursor: pointer;
+    border-bottom: 2px solid transparent;
+    margin-bottom: -1px;
+    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
+    transition: color .12s, border-color .12s;
+  }
+  .help-tab:hover { color: #c9d1d9; }
+  .help-tab.active { color: #e6edf3; border-bottom-color: #2f81f7; }
+
+  .help-panel {
+    max-height: 60vh;
+    overflow-y: auto;
+    padding: 4px 6px 8px;
+    color: #c9d1d9;
+    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
+    font-size: 13px;
+    line-height: 1.55;
+  }
+
+  .help-intro {
+    margin: 0 0 12px;
+    color: #8b949e;
+    font-size: 12px;
+  }
+
+  .help-sec { margin: 0 0 14px; }
+
+  .help-sec-hd {
+    margin: 0 0 6px;
+    font-size: 12px;
+    font-weight: 700;
+    color: #e6edf3;
+    letter-spacing: .3px;
+    border-bottom: 1px solid #21262d;
+    padding-bottom: 4px;
+  }
+
+  .help-list {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+  }
+
+  .help-list li {
+    padding: 3px 0 3px 14px;
+    position: relative;
+    color: #c9d1d9;
+  }
+
+  .help-list li::before {
+    content: '\xB7';
+    position: absolute;
+    left: 3px;
+    color: #2f81f7;
+    font-weight: 700;
+  }
+`;
+
+// src/components/help-panel/help-panel.template.ts
+init_html_utils();
+var REFERENCE_SECTIONS = [
+  { title: "HELP.SEC_RECORDING", items: ["HELP.RECORDING_1", "HELP.RECORDING_2"] },
+  {
+    title: "HELP.SEC_SHORTCUTS",
+    items: ["HELP.SC_RECORD", "HELP.SC_PAUSE", "HELP.SC_TESTS", "HELP.SC_COMMANDS", "HELP.SC_CONFIG", "HELP.SC_VISIBILITY", "HELP.SC_HELP"]
+  },
+  {
+    title: "HELP.SEC_CAPTURED",
+    items: ["HELP.CAP_CLICK", "HELP.CAP_DBLCLICK", "HELP.CAP_RIGHTCLICK", "HELP.CAP_TYPE", "HELP.CAP_CHECK", "HELP.CAP_SELECT", "HELP.CAP_KEYS", "HELP.CAP_ROUTE", "HELP.CAP_HTTP"]
+  },
+  { title: "HELP.SEC_ASSERT", items: ["HELP.ASSERT_1", "HELP.ASSERT_2"] },
+  { title: "HELP.SEC_PANELS", items: ["HELP.PANEL_TESTS", "HELP.PANEL_COMMANDS", "HELP.PANEL_CONFIG", "HELP.PANEL_FILES"] },
+  { title: "HELP.SEC_SELECTOR", items: ["HELP.SELECTOR_1", "HELP.SELECTOR_2"] },
+  { title: "HELP.SEC_DATA", items: ["HELP.DATA_1", "HELP.DATA_2"] },
+  { title: "HELP.SEC_ADVANCED", items: ["HELP.ADV_INVISIBLE", "HELP.ADV_RUNNER", "HELP.ADV_CROSSAPP", "HELP.ADV_DRAG"] }
+];
+var GUIDE_SECTIONS = [
+  { title: "HELP.G_SEC_WORKFLOW", items: ["HELP.G_WF_1", "HELP.G_WF_2", "HELP.G_WF_3", "HELP.G_WF_4", "HELP.G_WF_5"] },
+  { title: "HELP.G_SEC_COVERED", items: ["HELP.G_COV_1", "HELP.G_COV_2", "HELP.G_COV_3", "HELP.G_COV_4", "HELP.G_COV_5", "HELP.G_COV_6"] },
+  { title: "HELP.G_SEC_NOTCOVERED", items: ["HELP.G_NC_1", "HELP.G_NC_2", "HELP.G_NC_3", "HELP.G_NC_4", "HELP.G_NC_5", "HELP.G_NC_6"] }
+];
+function sectionsHtml(sections, t) {
+  return sections.map(
+    (s) => `
+        <section class="help-sec">
+          <h3 class="help-sec-hd">${escHtml(t(s.title))}</h3>
+          <ul class="help-list">${s.items.map((k) => `<li>${escHtml(t(k))}</li>`).join("")}</ul>
+        </section>`
+  ).join("");
+}
+function renderHelpPanel(t, activeTab = "reference") {
+  const tab = (id, key) => `<button class="help-tab ${activeTab === id ? "active" : ""}" data-tab="${id}">${escHtml(t(key))}</button>`;
+  const body = activeTab === "guide" ? `<p class="help-intro">${escHtml(t("HELP.GUIDE_INTRO"))}</p>${sectionsHtml(GUIDE_SECTIONS, t)}` : `<p class="help-intro">${escHtml(t("HELP.INTRO"))}</p>${sectionsHtml(REFERENCE_SECTIONS, t)}`;
+  return `
+    <div class="help-root">
+      <div class="help-tabs" role="tablist">
+        ${tab("reference", "HELP.TAB_REFERENCE")}
+        ${tab("guide", "HELP.TAB_GUIDE")}
+      </div>
+      <div class="help-panel" data-tab-panel="${activeTab}">${body}</div>
+    </div>`;
+}
+
+// src/components/help-panel/help-panel.ts
+var HelpPanelElement = class extends HTMLElement {
+  shadow;
+  activeTab = "reference";
+  translation;
+  constructor() {
+    super();
+    this.shadow = this.attachShadow({ mode: "open" });
+  }
+  connectedCallback() {
+    if (!this.translation) this.translation = new TranslationService();
+    this.render();
+  }
+  render() {
+    this.shadow.innerHTML = `<style>${HELP_PANEL_STYLES}</style>${renderHelpPanel(this.translation.translate.bind(this.translation), this.activeTab)}`;
+    this.shadow.querySelectorAll("[data-tab]").forEach((btn) => {
+      btn.addEventListener("click", () => {
+        this.activeTab = btn.dataset["tab"] ?? "reference";
+        this.render();
+      });
+    });
+  }
+};
+if (!customElements.get("help-panel")) {
+  customElements.define("help-panel", HelpPanelElement);
+}
+
 // src/components/lib-e2e-recorder/lib-e2e-recorder.ts
 var import_sweetalert2 = __toESM(require("sweetalert2"), 1);
 
@@ -5182,22 +6199,15 @@ var import_sweetalert2 = __toESM(require("sweetalert2"), 1);
 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}
+      ${sel} .btn-toggle  { ${tv}: 24px; ${th}: 24px; ${ov}: auto; ${oh}: auto; }
+      ${sel} .btn-pause   { ${tv}: 78px; ${th}: 24px; ${ov}: auto; ${oh}: auto; }
+      ${sel} .action-menu { ${tv}: 118px; ${th}: 8px; ${ov}: auto; ${oh}: auto; transform-origin: ${tv} ${th}; }
     `;
   }).join("\n");
 }
@@ -5207,9 +6217,10 @@ function getRecorderStyles(rec, paused) {
     *, *::before, *::after { box-sizing: border-box; }
 
     /*
-     * 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.
+     * Hit area. Position (left/top) is set from JS so the widget can be dragged;
+     * data-expand orients the action-menu popover toward the viewport interior.
+     * The menu is a DOM child, so hovering it keeps :host(.widget):hover alive even
+     * though it visually overflows this box. Defaults to bottom-right.
      */
     .widget {
       position: fixed;
@@ -5218,12 +6229,10 @@ function getRecorderStyles(rec, paused) {
       width: 190px;
       height: 190px;
       z-index: 2147483647;
-      --sx: -1;
-      --sy: -1;
       font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
     }
 
-    /* \u2500\u2500 Toggle \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */
+    /* \u2500\u2500 Toggle (FAB) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */
     .btn-toggle {
       position: absolute;
       bottom: 24px;
@@ -5276,83 +6285,58 @@ function getRecorderStyles(rec, paused) {
     .btn-pause:hover { transform: scale(1.12); }
     .btn-pause:active { transform: scale(0.93); }
 
-    /* \u2500\u2500 Action buttons \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */
-    .btn-action {
+    /* \u2500\u2500 Action menu (labelled grid popover) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */
+    .action-menu {
       position: absolute;
-      bottom: 28px;
-      right: 28px;
-      width: 36px;
-      height: 36px;
-      border-radius: 50%;
-      border: none;
-      cursor: pointer;
-      font-size: 16px;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      background: rgba(13,17,23,.92);
+      display: grid;
+      grid-template-columns: repeat(3, 1fr);
+      gap: 4px;
+      padding: 8px;
+      width: 174px;
+      background: rgba(13,17,23,.97);
+      border: 1px solid rgba(48,54,61,.9);
+      border-radius: 12px;
+      box-shadow: 0 8px 28px rgba(0,0,0,.5);
       backdrop-filter: blur(14px);
       -webkit-backdrop-filter: blur(14px);
-      color: #8b949e;
-      box-shadow: 0 4px 18px rgba(0,0,0,.45), 0 0 0 1px rgba(48,54,61,.75);
       opacity: 0;
-      transform: scale(0.35);
+      transform: scale(0.9);
       pointer-events: none;
-      transition: opacity .15s, transform .18s ease-in,
-                  background .15s, color .12s, box-shadow .15s;
-    }
-
-    /* Label chip */
-    .btn-action::after {
-      content: attr(data-label);
-      position: absolute;
-      right: calc(100% + 9px);
-      top: 50%;
-      transform: translateY(-50%);
-      background: rgba(13,17,23,.95);
-      color: #e6edf3;
-      font-size: 11px;
-      font-weight: 500;
-      padding: 3px 9px;
-      border-radius: 6px;
-      white-space: nowrap;
-      pointer-events: none;
-      opacity: 0;
-      transition: opacity .15s .05s;
-      border: 1px solid rgba(48,54,61,.8);
-      box-shadow: 0 2px 8px rgba(0,0,0,.35);
+      transition: opacity .16s, transform .2s cubic-bezier(.34,1.56,.64,1);
+      z-index: 3;
     }
-    .btn-action:hover::after   { opacity: 1; }
-    .btn-action:hover          { background: #21262d; color: #e6edf3; }
-    .btn-action:active         { background: #30363d !important; }
-
-    /* Expand: spring + stagger */
-    .widget:hover .btn-action {
+    .widget:hover .action-menu {
       opacity: 1;
+      transform: scale(1);
       pointer-events: all;
-      transition: opacity .2s, transform .32s cubic-bezier(.34,1.56,.64,1),
-                  background .15s, color .12s, box-shadow .15s;
     }
 
-    /* Arc positions \u2014 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"] {   /* 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"] {   /* diagonal near-horizontal */
-      transform: translate(calc(var(--sx) * 78px), calc(var(--sy) * 45px)) scale(1);
-      transition-delay: .11s;
+    .action-item {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: flex-start;
+      gap: 3px;
+      padding: 8px 4px;
+      border: none;
+      border-radius: 8px;
+      cursor: pointer;
+      background: transparent;
+      color: #c9d1d9;
+      font-size: 18px;
+      line-height: 1;
+      transition: background .12s;
     }
-    .widget:hover .btn-action[data-n="4"] {   /* horizontal extreme */
-      transform: translateX(calc(var(--sx) * 90px)) scale(1);
-      transition-delay: .15s;
+    .action-item:hover { background: #21262d; }
+    .action-item .label {
+      font-size: 9px;
+      font-weight: 500;
+      color: #8b949e;
+      white-space: nowrap;
     }
+    .action-item:hover .label { color: #e6edf3; }
 
-    /* Per-direction anchors + label sides */
+    /* Per-direction anchors */
     ${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 */
@@ -5386,14 +6370,18 @@ function getRecorderStyles(rec, paused) {
 function renderRecorderWidget(rec, paused, t) {
   return `
     <div class="widget">
-      <button class="btn-action" data-n="1" data-action="config"
-              data-label="${t("RECORDER.BTN_CONFIG")}">\u2699\uFE0F</button>
-      <button class="btn-action" data-n="2" data-action="browse"
-              data-label="${t("RECORDER.BTN_FILES")}">\u{1F4C1}</button>
-      <button class="btn-action" data-n="3" data-action="commands"
-              data-label="${t("RECORDER.BTN_COMMANDS")}">\u2328\uFE0F</button>
-      <button class="btn-action" data-n="4" data-action="tests"
-              data-label="${t("RECORDER.BTN_TESTS")}">\u{1F4CB}</button>
+      <div class="action-menu">
+        <button class="action-item" data-action="config">
+          <span class="ico">\u2699\uFE0F</span><span class="label">${t("RECORDER.BTN_CONFIG")}</span></button>
+        <button class="action-item" data-action="browse">
+          <span class="ico">\u{1F4C1}</span><span class="label">${t("RECORDER.BTN_FILES")}</span></button>
+        <button class="action-item" data-action="commands">
+          <span class="ico">\u2328\uFE0F</span><span class="label">${t("RECORDER.BTN_COMMANDS")}</span></button>
+        <button class="action-item" data-action="tests">
+          <span class="ico">\u{1F4CB}</span><span class="label">${t("RECORDER.BTN_TESTS")}</span></button>
+        <button class="action-item" data-action="help">
+          <span class="ico">\u2753</span><span class="label">${t("RECORDER.BTN_HELP")}</span></button>
+      </div>
       <button class="btn-pause" data-action="pause"
               title="${paused ? t("RECORDER.RESUME_TITLE") : t("RECORDER.PAUSE_TITLE")}">
         ${paused ? "\u25B6" : "\u23F8"}
@@ -5406,6 +6394,26 @@ function renderRecorderWidget(rec, paused, t) {
     <div class="rec-badge">${paused ? t("RECORDER.BADGE_PAUSED") : t("RECORDER.BADGE_REC")}</div>`;
 }
 
+// src/utils/fixture-convert.utils.ts
+function toFixtureInterceptors(interceptors, fixtures) {
+  const fixtureNames = new Set(fixtures.map((f) => f.name));
+  return interceptors.map((icp) => {
+    const match = icp.match(/\.as\('([^']+)'\)$/);
+    if (!match) return icp;
+    const fixtureFile = `${match[1]}.json`;
+    if (!fixtureNames.has(fixtureFile)) return icp;
+    return icp.replace(/\)\.as\(/, `, { fixture: '${fixtureFile}' }).as(`);
+  });
+}
+function simplifyFixtureWaits(commands, fixtures) {
+  const fixtureAliases = new Set(fixtures.map((f) => f.name.replace(/\.json$/, "")));
+  return commands.map((cmd) => {
+    const match = cmd.match(/^cy\.wait\('@([^']+)'\)/);
+    if (!match || !fixtureAliases.has(match[1])) return cmd;
+    return `cy.wait('@${match[1]}').then((interception) => { })`;
+  });
+}
+
 // src/components/lib-e2e-recorder/lib-e2e-recorder.ts
 var LibE2eRecorderElement = class extends HTMLElement {
   shadow;
@@ -5432,6 +6440,7 @@ var LibE2eRecorderElement = class extends HTMLElement {
   httpMonitor;
   smartSelectorEnabled = true;
   _needsRecordingRebuild = false;
+  issueTrackerConfig = { ...DEFAULT_ISSUE_TRACKER_CONFIG };
   recording;
   persistence;
   translation;
@@ -5445,6 +6454,7 @@ var LibE2eRecorderElement = class extends HTMLElement {
   isSaveTestDialogOpen = false;
   isSettingsDialogOpen = false;
   isAdvancedEditorDialogOpen = false;
+  isHelpDialogOpen = false;
   constructor() {
     super();
     this.shadow = this.attachShadow({ mode: "open" });
@@ -5511,6 +6521,8 @@ var LibE2eRecorderElement = class extends HTMLElement {
     } else {
       localStorage.setItem("extendedHttpCommands", config["extendedHttpCommands"] ?? "true");
     }
+    const fx = await this.persistence.getConfig("fixtureMode");
+    localStorage.setItem("fixtureMode", fx?.["fixtureMode"] ?? "false");
   }
   async initLanguage() {
     const config = await this.persistence.getConfig("language");
@@ -5572,6 +6584,11 @@ var LibE2eRecorderElement = class extends HTMLElement {
     const strategy = config?.["selectorStrategy"];
     if (strategy) this.recording.selectorStrategy = strategy;
     this.smartSelectorEnabled = config?.["smartSelectorEnabled"] !== "false";
+    this.issueTrackerConfig = {
+      enabled: config?.["issueTrackerEnabled"] === "true",
+      provider: config?.["issueTrackerProvider"] ?? DEFAULT_ISSUE_TRACKER_CONFIG.provider,
+      baseUrl: config?.["issueTrackerBaseUrl"] ?? ""
+    };
   }
   // ── cross-app session continuity (spec 006) ───────────────────────────────
   /**
@@ -5778,6 +6795,9 @@ var LibE2eRecorderElement = class extends HTMLElement {
     } else if (key === "3") {
       event.preventDefault();
       this.showSettingsDialog();
+    } else if (key === "h" && event.shiftKey) {
+      event.preventDefault();
+      this.showHelpDialog();
     }
   }
   toggleVisibility() {
@@ -5994,6 +7014,7 @@ cypress/         <span style="color:#484f58">${this.translation.translate("RECOR
           const child = document.createElement("test-editor");
           child.persistence = this.persistence;
           child.translation = this.translation;
+          child.issueTrackerConfig = this.issueTrackerConfig;
           container.appendChild(child);
         },
         willClose: () => {
@@ -6019,15 +7040,16 @@ cypress/         <span style="color:#484f58">${this.translation.translate("RECOR
           if (!container) return;
           const child = document.createElement("save-test");
           child.translation = this.translation;
+          child.issueTrackerConfig = this.issueTrackerConfig;
           container.appendChild(child);
           child.addEventListener("savetest", (e) => {
-            const { description, notes, tags } = e.detail ?? {};
-            this.onSaveTest(description ?? null, tags ?? [], notes ?? "");
+            const { description, notes, tags, ticketId } = e.detail ?? {};
+            this.onSaveTest(description ?? null, tags ?? [], notes ?? "", ticketId ?? "");
             import_sweetalert2.default.close();
           });
           child.addEventListener("saveandexport", (e) => {
-            const { description, notes, tags } = e.detail ?? {};
-            this.onSaveAndExportTest(description ?? null, tags ?? [], notes ?? "");
+            const { description, notes, tags, ticketId } = e.detail ?? {};
+            this.onSaveAndExportTest(description ?? null, tags ?? [], notes ?? "", ticketId ?? "");
             import_sweetalert2.default.close();
           });
         },
@@ -6063,6 +7085,9 @@ cypress/         <span style="color:#484f58">${this.translation.translate("RECOR
             this.style.display = this.isVisible ? "" : "none";
           });
           child.addEventListener("resetwidgetposition", () => this.resetWidgetPosition());
+          child.addEventListener("issuetrackerchange", (e) => {
+            this.issueTrackerConfig = e.detail;
+          });
         },
         willClose: () => {
           this.isSettingsDialogOpen = false;
@@ -6071,6 +7096,31 @@ cypress/         <span style="color:#484f58">${this.translation.translate("RECOR
       this.resizePopup();
     });
   }
+  showHelpDialog() {
+    this.toggleModal("isHelpDialogOpen", () => {
+      import_sweetalert2.default.fire({
+        title: this.translation.translate("HELP.TITLE"),
+        html: '<div id="help-modal-content" style="padding:0"></div>',
+        showCloseButton: true,
+        showConfirmButton: false,
+        width: 560,
+        color: "#e6edf3",
+        didOpen: () => {
+          makeSwalDraggable();
+          setSwal2DataCyAttribute();
+          const container = document.getElementById("help-modal-content");
+          if (!container) return;
+          const child = document.createElement("help-panel");
+          child.translation = this.translation;
+          container.appendChild(child);
+        },
+        willClose: () => {
+          this.isHelpDialogOpen = false;
+        }
+      });
+      this.resizePopup();
+    });
+  }
   showAdvancedEditorDialog(testId) {
     this.toggleModal("isAdvancedEditorDialogOpen", () => {
       import_sweetalert2.default.fire({
@@ -6135,7 +7185,7 @@ cypress/         <span style="color:#484f58">${this.translation.translate("RECOR
   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>',
+      html: '<div id="file-editor-modal-content" style="flex:1;min-height:0;display:flex;flex-direction:column;padding:0"></div>',
       showCloseButton: false,
       showConfirmButton: false,
       allowOutsideClick: false,
@@ -6144,6 +7194,20 @@ cypress/         <span style="color:#484f58">${this.translation.translate("RECOR
       didOpen: () => {
         makeSwalDraggable();
         setSwal2DataCyAttribute();
+        const popup = import_sweetalert2.default.getPopup();
+        if (popup) {
+          popup.style.height = "640px";
+          const htmlContainer = popup.querySelector(".swal2-html-container");
+          if (htmlContainer) {
+            htmlContainer.style.flex = "1";
+            htmlContainer.style.minHeight = "0";
+            htmlContainer.style.overflow = "hidden";
+            htmlContainer.style.padding = "0";
+            htmlContainer.style.margin = "0";
+            htmlContainer.style.display = "flex";
+            htmlContainer.style.flexDirection = "column";
+          }
+        }
         const container = document.getElementById("file-editor-modal-content");
         if (!container) return;
         const child = document.createElement("file-preview");
@@ -6176,24 +7240,36 @@ cypress/         <span style="color:#484f58">${this.translation.translate("RECOR
     this.resizePopup();
   }
   // ── save handlers ─────────────────────────────────────────────────────────
-  async onSaveTest(description, tags = [], notes = "") {
-    if (description) {
-      await this.persistence.insertTest(description, this.cypressCommands, this.interceptors, tags, notes);
-      this.recording.clearCommands();
-      this.clearRecordingHistory();
-      this.cypressCommands = [];
-      this.interceptors = [];
-    }
-  }
-  async onSaveAndExportTest(description, tags = [], notes = "") {
-    if (description) {
-      const id = await this.persistence.insertTest(description, this.cypressCommands, this.interceptors, tags, notes);
-      this.recording.clearCommands();
-      this.clearRecordingHistory();
-      this.cypressCommands = [];
-      this.interceptors = [];
-      setTimeout(() => this.showAdvancedEditorDialog(id), 300);
+  async onSaveTest(description, tags = [], notes = "", ticketId = "") {
+    if (!description) return;
+    await this.persistence.insertTest(description, this.cypressCommands, this.interceptors, tags, notes, ticketId || void 0);
+    this.recording.clearCommands();
+    this.clearRecordingHistory();
+    this.cypressCommands = [];
+    this.interceptors = [];
+  }
+  async onSaveAndExportTest(description, tags = [], notes = "", ticketId = "") {
+    if (!description) return;
+    const fixtures = this.recording.getFixturesSnapshot();
+    const isFixtureMode = this.httpMonitor?.isFixtureModeEnabled() ?? false;
+    let finalInterceptors = this.interceptors;
+    let finalCommands = this.cypressCommands;
+    if (isFixtureMode && fixtures.length > 0) {
+      try {
+        const n = await this.persistence.writeFixtures(fixtures);
+        finalInterceptors = toFixtureInterceptors(this.interceptors, fixtures);
+        finalCommands = simplifyFixtureWaits(this.cypressCommands, fixtures);
+        showToast(`${this.translation.translate("RECORDER.FIXTURES_WRITTEN_TOAST")} (${n})`);
+      } catch {
+        showToast(this.translation.translate("RECORDER.FIXTURES_NO_FOLDER_TOAST"), false);
+      }
     }
+    const id = await this.persistence.insertTest(description, finalCommands, finalInterceptors, tags, notes, ticketId || void 0);
+    this.recording.clearCommands();
+    this.clearRecordingHistory();
+    this.cypressCommands = [];
+    this.interceptors = [];
+    setTimeout(() => this.showAdvancedEditorDialog(id), 300);
   }
   // ── helpers ───────────────────────────────────────────────────────────────
   toggleModal(flag, openFn) {
@@ -6230,6 +7306,7 @@ cypress/         <span style="color:#484f58">${this.translation.translate("RECOR
     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.shadow.querySelector('[data-action="help"]')?.addEventListener("click", () => this.showHelpDialog());
     this.applyWidgetPosition();
   }
 };
@@ -6238,7 +7315,7 @@ if (!customElements.get("lib-e2e-recorder")) {
 }
 
 // src/index.ts
-var VERSION = "0.6.1";
+var VERSION = "0.9.0";
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ACTIVE_SESSION_BREADCRUMB_KEY,
@@ -6250,6 +7327,7 @@ var VERSION = "0.6.1";
   DEFAULT_RESUME_TTL_MINUTES,
   DRAG_THRESHOLD,
   FilePreviewElement,
+  HelpPanelElement,
   HttpMonitor,
   INPUT_TYPES,
   LIB_E2E_CYPRESS_FOR_DUMMYS_SWAL2_STYLES,
@@ -6275,6 +7353,7 @@ var VERSION = "0.6.1";
   clampTogglePosition,
   defaultTogglePosition,
   generateAlias,
+  inferAssertionCommand,
   injectStyles,
   isLang,
   isLocalHost,