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

package/dist/index.cjs

@@ -463,20 +463,15 @@ __export(index_exports, {
   ACTIVE_SESSION_BREADCRUMB_KEY: () => ACTIVE_SESSION_BREADCRUMB_KEY,
   AdvancedTestEditorElement: () => AdvancedTestEditorElement,
   AdvancedTestTransformationService: () => AdvancedTestTransformationService,
-  CHAIN_METHODS: () => CHAIN_METHODS,
-  CYPRESS_COMPLETIONS: () => CYPRESS_COMPLETIONS,
-  CY_METHODS: () => CY_METHODS,
   ConfigurationElement: () => ConfigurationElement,
   DB_SCHEMA: () => DB_SCHEMA,
   DB_STORE_NAMES: () => DB_STORE_NAMES,
-  DEFAULT_ISSUE_TRACKER_PROVIDER_ID: () => DEFAULT_ISSUE_TRACKER_PROVIDER_ID,
   DEFAULT_RESUME_TTL_MINUTES: () => DEFAULT_RESUME_TTL_MINUTES,
   DRAG_THRESHOLD: () => DRAG_THRESHOLD,
   FilePreviewElement: () => FilePreviewElement,
   HelpPanelElement: () => HelpPanelElement,
   HttpMonitor: () => HttpMonitor,
   INPUT_TYPES: () => INPUT_TYPES,
-  ISSUE_TRACKER_PROVIDERS: () => ISSUE_TRACKER_PROVIDERS,
   LIB_E2E_CYPRESS_FOR_DUMMYS_SWAL2_STYLES: () => LIB_E2E_CYPRESS_FOR_DUMMYS_SWAL2_STYLES,
   LOCALE_BY_LANG: () => LOCALE_BY_LANG,
   LibE2eRecorderElement: () => LibE2eRecorderElement,
@@ -489,7 +484,6 @@ __export(index_exports, {
   SelectorPickerElement: () => SelectorPickerElement,
   Subject: () => Subject,
   TOGGLE_MARGIN: () => TOGGLE_MARGIN,
-  TOP_LEVEL: () => TOP_LEVEL,
   TestEditorElement: () => TestEditorElement,
   TestPrevisualizerElement: () => TestPrevisualizerElement,
   TransformationService: () => TransformationService,
@@ -498,14 +492,8 @@ __export(index_exports, {
   advancedTestTransformationService: () => advancedTestTransformationService,
   boxOffsetForDirection: () => boxOffsetForDirection,
   boxTopLeftFor: () => boxTopLeftFor,
-  buildTicketComment: () => buildTicketComment,
-  buildTicketUrl: () => buildTicketUrl,
   clampTogglePosition: () => clampTogglePosition,
-  createCodeEditor: () => createCodeEditor,
   defaultTogglePosition: () => defaultTogglePosition,
-  filterCompletions: () => filterCompletions,
-  filterCypressCompletions: () => filterCypressCompletions,
-  findIssueTrackerProvider: () => findIssueTrackerProvider,
   generateAlias: () => generateAlias,
   inferAssertionCommand: () => inferAssertionCommand,
   injectStyles: () => injectStyles,
@@ -517,7 +505,6 @@ __export(index_exports, {
   makeSwalDraggableByContentId: () => makeSwalDraggableByContentId,
   persistenceService: () => persistenceService,
   resolveExpandDirection: () => resolveExpandDirection,
-  resolveTicketUrl: () => resolveTicketUrl,
   selectTestsForExport: () => selectTestsForExport,
   setSwal2DataCyAttribute: () => setSwal2DataCyAttribute,
   showToast: () => showToast,
@@ -616,64 +603,6 @@ var ACTIVE_SESSION_BREADCRUMB_KEY = "e2e-active-session";
 var RESUME_TTL_CONFIG_KEY = "resumeRecencyTtlMinutes";
 var DEFAULT_RESUME_TTL_MINUTES = 30;
 
-// src/models/issue-tracker.model.ts
-var ISSUE_TRACKER_PROVIDERS = [
-  {
-    id: "jira",
-    labelKey: "CONFIG.ISSUE_TRACKER_PROVIDER_JIRA",
-    urlTemplate: "{baseUrl}/browse/{id}",
-    fields: [
-      { key: "baseUrl", labelKey: "CONFIG.ISSUE_TRACKER_FIELD_BASEURL", placeholderKey: "CONFIG.ISSUE_TRACKER_PH_JIRA_BASEURL" }
-    ],
-    idPattern: "^[A-Za-z][A-Za-z0-9_]+-\\d+$",
-    idPlaceholderKey: "SAVE_TEST.TICKET_PH_JIRA"
-  },
-  {
-    id: "azure-devops",
-    labelKey: "CONFIG.ISSUE_TRACKER_PROVIDER_AZURE",
-    urlTemplate: "https://dev.azure.com/{org}/{project}/_workitems/edit/{id}",
-    fields: [
-      { key: "org", labelKey: "CONFIG.ISSUE_TRACKER_FIELD_ORG", placeholderKey: "CONFIG.ISSUE_TRACKER_PH_AZURE_ORG" },
-      { key: "project", labelKey: "CONFIG.ISSUE_TRACKER_FIELD_PROJECT", placeholderKey: "CONFIG.ISSUE_TRACKER_PH_AZURE_PROJECT" }
-    ],
-    idPattern: "^\\d+$",
-    idPlaceholderKey: "SAVE_TEST.TICKET_PH_AZURE"
-  },
-  {
-    id: "github",
-    labelKey: "CONFIG.ISSUE_TRACKER_PROVIDER_GITHUB",
-    urlTemplate: "https://github.com/{owner}/{repo}/issues/{id}",
-    fields: [
-      { key: "owner", labelKey: "CONFIG.ISSUE_TRACKER_FIELD_OWNER", placeholderKey: "CONFIG.ISSUE_TRACKER_PH_GITHUB_OWNER" },
-      { key: "repo", labelKey: "CONFIG.ISSUE_TRACKER_FIELD_REPO", placeholderKey: "CONFIG.ISSUE_TRACKER_PH_GITHUB_REPO" }
-    ],
-    idPattern: "^\\d+$",
-    idPlaceholderKey: "SAVE_TEST.TICKET_PH_GITHUB"
-  },
-  {
-    id: "trello",
-    labelKey: "CONFIG.ISSUE_TRACKER_PROVIDER_TRELLO",
-    urlTemplate: "https://trello.com/c/{id}",
-    fields: [],
-    idPattern: "^[A-Za-z0-9]+$",
-    idPlaceholderKey: "SAVE_TEST.TICKET_PH_TRELLO"
-  },
-  {
-    id: "custom",
-    labelKey: "CONFIG.ISSUE_TRACKER_PROVIDER_CUSTOM",
-    urlTemplate: "{template}",
-    fields: [
-      { key: "template", labelKey: "CONFIG.ISSUE_TRACKER_FIELD_TEMPLATE", placeholderKey: "CONFIG.ISSUE_TRACKER_PH_CUSTOM_TEMPLATE" }
-    ],
-    idPattern: ".*",
-    idPlaceholderKey: "SAVE_TEST.TICKET_PH_CUSTOM"
-  }
-];
-var DEFAULT_ISSUE_TRACKER_PROVIDER_ID = "custom";
-function findIssueTrackerProvider(id) {
-  return ISSUE_TRACKER_PROVIDERS.find((p) => p.id === id);
-}
-
 // src/utils/subject.ts
 var Subject = class {
   _value;
@@ -719,13 +648,9 @@ var I18N_ES = {
     REMOVE_TAG_TITLE: "Quitar",
     NOTES_LABEL: "Descripci\xF3n / Notas (opcional):",
     NOTES_PLACEHOLDER: "Qu\xE9 valida este test, condiciones previas, etc.",
-    TICKET_LABEL: "Ticket (opcional):",
-    TICKET_PH_JIRA: "ej. PROJ-123",
-    TICKET_PH_AZURE: "ej. 1234",
-    TICKET_PH_GITHUB: "ej. 42",
-    TICKET_PH_TRELLO: "ej. aBc123",
-    TICKET_PH_CUSTOM: "id del ticket",
-    TICKET_INVALID: "El id del ticket no coincide con el formato esperado del gestor seleccionado."
+    TICKET_LABEL: "Ticket / Issue (opcional):",
+    TICKET_PLACEHOLDER: "Ej: PROJ-123, #42",
+    TICKET_WARN: "ID no v\xE1lido para el proveedor configurado (se guardar\xE1 igualmente)"
   },
   TEST_EDITOR: {
     NO_TAGS: "Sin etiquetas",
@@ -741,7 +666,9 @@ var I18N_ES = {
     NO_TESTS: "No hay tests guardados",
     DELETE_TITLE: "Eliminar",
     GROUP_BY_TICKET: "\u{1F3AB} Agrupar por ticket",
-    NO_TICKET_GROUP: "Sin ticket"
+    UNGROUP_TICKET: "\u{1F3AB} Desagrupar",
+    NO_TICKET: "Sin ticket",
+    TICKET_LINK_TITLE: "Abrir ticket"
   },
   CONFIG: {
     LANG_SECTION: "\u{1F310} Idioma",
@@ -800,26 +727,12 @@ var I18N_ES = {
     WIDGET_POSITION_HINT: "Arrastra el bot\xF3n de grabar para moverlo donde no estorbe. Se recuerda su posici\xF3n.",
     WIDGET_POSITION_RESET_BTN: "\u21BA Restablecer posici\xF3n",
     WIDGET_POSITION_RESET_DONE: "\u2713 Posici\xF3n restablecida",
-    ISSUE_TRACKER_SECTION: "\u{1F3AB} Gestor de incidencias",
-    ISSUE_TRACKER_LABEL: "Gestor (solo enlace, sin sincronizaci\xF3n)",
-    ISSUE_TRACKER_DISCLAIMER: "Solo genera enlaces \u2014 nunca se conecta ni sincroniza con la plataforma.",
-    ISSUE_TRACKER_PROVIDER_JIRA: "Jira",
-    ISSUE_TRACKER_PROVIDER_AZURE: "Azure DevOps",
-    ISSUE_TRACKER_PROVIDER_GITHUB: "GitHub",
-    ISSUE_TRACKER_PROVIDER_TRELLO: "Trello",
-    ISSUE_TRACKER_PROVIDER_CUSTOM: "Personalizado",
-    ISSUE_TRACKER_FIELD_BASEURL: "URL base",
-    ISSUE_TRACKER_FIELD_ORG: "Organizaci\xF3n",
-    ISSUE_TRACKER_FIELD_PROJECT: "Proyecto",
-    ISSUE_TRACKER_FIELD_OWNER: "Propietario",
-    ISSUE_TRACKER_FIELD_REPO: "Repositorio",
-    ISSUE_TRACKER_FIELD_TEMPLATE: "Plantilla de URL (debe contener {id})",
-    ISSUE_TRACKER_PH_JIRA_BASEURL: "https://tu-org.atlassian.net",
-    ISSUE_TRACKER_PH_AZURE_ORG: "organizaci\xF3n",
-    ISSUE_TRACKER_PH_AZURE_PROJECT: "proyecto",
-    ISSUE_TRACKER_PH_GITHUB_OWNER: "propietario",
-    ISSUE_TRACKER_PH_GITHUB_REPO: "repositorio",
-    ISSUE_TRACKER_PH_CUSTOM_TEMPLATE: "https://tracker.example.com/{id}"
+    ISSUE_TRACKER_SECTION: "\u{1F3AB} Issue tracker",
+    ISSUE_TRACKER_TITLE: "Vincular tests a tickets",
+    ISSUE_TRACKER_SUB: "A\xF1ade un ID de ticket al guardar y genera un enlace clickable en el listado.",
+    ISSUE_TRACKER_PROVIDER: "Proveedor",
+    ISSUE_TRACKER_BASE_URL: "URL base",
+    ISSUE_TRACKER_BASE_URL_PH: "Ej: https://miproyecto.atlassian.net"
   },
   SELECTOR_PICKER: {
     TITLE: "Selecciona un elemento del DOM",
@@ -1022,13 +935,9 @@ var I18N_EN = {
     REMOVE_TAG_TITLE: "Remove",
     NOTES_LABEL: "Description / Notes (optional):",
     NOTES_PLACEHOLDER: "What this test validates, preconditions, etc.",
-    TICKET_LABEL: "Ticket (optional):",
-    TICKET_PH_JIRA: "e.g. PROJ-123",
-    TICKET_PH_AZURE: "e.g. 1234",
-    TICKET_PH_GITHUB: "e.g. 42",
-    TICKET_PH_TRELLO: "e.g. aBc123",
-    TICKET_PH_CUSTOM: "ticket id",
-    TICKET_INVALID: "The ticket id does not match the expected format for the selected tracker."
+    TICKET_LABEL: "Ticket / Issue (optional):",
+    TICKET_PLACEHOLDER: "E.g.: PROJ-123, #42",
+    TICKET_WARN: "Invalid ID for the configured provider (will be saved anyway)"
   },
   TEST_EDITOR: {
     NO_TAGS: "No tags",
@@ -1044,7 +953,9 @@ var I18N_EN = {
     NO_TESTS: "No saved tests",
     DELETE_TITLE: "Delete",
     GROUP_BY_TICKET: "\u{1F3AB} Group by ticket",
-    NO_TICKET_GROUP: "No ticket"
+    UNGROUP_TICKET: "\u{1F3AB} Ungroup",
+    NO_TICKET: "No ticket",
+    TICKET_LINK_TITLE: "Open ticket"
   },
   CONFIG: {
     LANG_SECTION: "\u{1F310} Language",
@@ -1104,25 +1015,11 @@ var I18N_EN = {
     WIDGET_POSITION_RESET_BTN: "\u21BA Reset position",
     WIDGET_POSITION_RESET_DONE: "\u2713 Position reset",
     ISSUE_TRACKER_SECTION: "\u{1F3AB} Issue tracker",
-    ISSUE_TRACKER_LABEL: "Tracker (link only, no sync)",
-    ISSUE_TRACKER_DISCLAIMER: "Builds links only \u2014 it never connects to or syncs with the platform.",
-    ISSUE_TRACKER_PROVIDER_JIRA: "Jira",
-    ISSUE_TRACKER_PROVIDER_AZURE: "Azure DevOps",
-    ISSUE_TRACKER_PROVIDER_GITHUB: "GitHub",
-    ISSUE_TRACKER_PROVIDER_TRELLO: "Trello",
-    ISSUE_TRACKER_PROVIDER_CUSTOM: "Custom",
-    ISSUE_TRACKER_FIELD_BASEURL: "Base URL",
-    ISSUE_TRACKER_FIELD_ORG: "Organization",
-    ISSUE_TRACKER_FIELD_PROJECT: "Project",
-    ISSUE_TRACKER_FIELD_OWNER: "Owner",
-    ISSUE_TRACKER_FIELD_REPO: "Repository",
-    ISSUE_TRACKER_FIELD_TEMPLATE: "URL template (must contain {id})",
-    ISSUE_TRACKER_PH_JIRA_BASEURL: "https://your-org.atlassian.net",
-    ISSUE_TRACKER_PH_AZURE_ORG: "organization",
-    ISSUE_TRACKER_PH_AZURE_PROJECT: "project",
-    ISSUE_TRACKER_PH_GITHUB_OWNER: "owner",
-    ISSUE_TRACKER_PH_GITHUB_REPO: "repository",
-    ISSUE_TRACKER_PH_CUSTOM_TEMPLATE: "https://tracker.example.com/{id}"
+    ISSUE_TRACKER_TITLE: "Link tests to tickets",
+    ISSUE_TRACKER_SUB: "Add a ticket ID when saving and generate a clickable link in the test list.",
+    ISSUE_TRACKER_PROVIDER: "Provider",
+    ISSUE_TRACKER_BASE_URL: "Base URL",
+    ISSUE_TRACKER_BASE_URL_PH: "E.g.: https://myproject.atlassian.net"
   },
   SELECTOR_PICKER: {
     TITLE: "Select a DOM element",
@@ -1325,13 +1222,10 @@ var I18N_FR = {
     REMOVE_TAG_TITLE: "Retirer",
     NOTES_LABEL: "Description / Notes (optionnel) :",
     NOTES_PLACEHOLDER: "Ce que ce test valide, conditions pr\xE9alables, etc.",
-    TICKET_LABEL: "Ticket (optionnel) :",
-    TICKET_PH_JIRA: "p. ex. PROJ-123",
-    TICKET_PH_AZURE: "p. ex. 1234",
-    TICKET_PH_GITHUB: "p. ex. 42",
-    TICKET_PH_TRELLO: "p. ex. aBc123",
-    TICKET_PH_CUSTOM: "id du ticket",
-    TICKET_INVALID: "L'id du ticket ne correspond pas au format attendu par le gestionnaire s\xE9lectionn\xE9."
+    TICKET_LABEL: "Ticket / Issue (optionnel) :",
+    TICKET_PLACEHOLDER: "Ex : PROJ-123, #42",
+    TICKET_WARN: "ID non valide pour le fournisseur configur\xE9 (sera enregistr\xE9 quand m\xEAme)"
+    // TODO: translate
   },
   TEST_EDITOR: {
     NO_TAGS: "Sans \xE9tiquettes",
@@ -1347,7 +1241,9 @@ var I18N_FR = {
     NO_TESTS: "Aucun test enregistr\xE9",
     DELETE_TITLE: "Supprimer",
     GROUP_BY_TICKET: "\u{1F3AB} Grouper par ticket",
-    NO_TICKET_GROUP: "Sans ticket"
+    UNGROUP_TICKET: "\u{1F3AB} D\xE9grouper",
+    NO_TICKET: "Sans ticket",
+    TICKET_LINK_TITLE: "Ouvrir le ticket"
   },
   CONFIG: {
     LANG_SECTION: "\u{1F310} Langue",
@@ -1407,25 +1303,11 @@ var I18N_FR = {
     WIDGET_POSITION_RESET_BTN: "\u21BA R\xE9initialiser la position",
     WIDGET_POSITION_RESET_DONE: "\u2713 Position r\xE9initialis\xE9e",
     ISSUE_TRACKER_SECTION: "\u{1F3AB} Gestionnaire de tickets",
-    ISSUE_TRACKER_LABEL: "Gestionnaire (lien uniquement, sans synchronisation)",
-    ISSUE_TRACKER_DISCLAIMER: "G\xE9n\xE8re uniquement des liens \u2014 ne se connecte ni ne se synchronise jamais avec la plateforme.",
-    ISSUE_TRACKER_PROVIDER_JIRA: "Jira",
-    ISSUE_TRACKER_PROVIDER_AZURE: "Azure DevOps",
-    ISSUE_TRACKER_PROVIDER_GITHUB: "GitHub",
-    ISSUE_TRACKER_PROVIDER_TRELLO: "Trello",
-    ISSUE_TRACKER_PROVIDER_CUSTOM: "Personnalis\xE9",
-    ISSUE_TRACKER_FIELD_BASEURL: "URL de base",
-    ISSUE_TRACKER_FIELD_ORG: "Organisation",
-    ISSUE_TRACKER_FIELD_PROJECT: "Projet",
-    ISSUE_TRACKER_FIELD_OWNER: "Propri\xE9taire",
-    ISSUE_TRACKER_FIELD_REPO: "D\xE9p\xF4t",
-    ISSUE_TRACKER_FIELD_TEMPLATE: "Mod\xE8le d'URL (doit contenir {id})",
-    ISSUE_TRACKER_PH_JIRA_BASEURL: "https://votre-org.atlassian.net",
-    ISSUE_TRACKER_PH_AZURE_ORG: "organisation",
-    ISSUE_TRACKER_PH_AZURE_PROJECT: "projet",
-    ISSUE_TRACKER_PH_GITHUB_OWNER: "propri\xE9taire",
-    ISSUE_TRACKER_PH_GITHUB_REPO: "d\xE9p\xF4t",
-    ISSUE_TRACKER_PH_CUSTOM_TEMPLATE: "https://tracker.example.com/{id}"
+    ISSUE_TRACKER_TITLE: "Lier les tests aux tickets",
+    ISSUE_TRACKER_SUB: "Ajoutez un ID de ticket lors de l'enregistrement et g\xE9n\xE9rez un lien cliquable.",
+    ISSUE_TRACKER_PROVIDER: "Fournisseur",
+    ISSUE_TRACKER_BASE_URL: "URL de base",
+    ISSUE_TRACKER_BASE_URL_PH: "Ex : https://monprojet.atlassian.net"
   },
   SELECTOR_PICKER: {
     TITLE: "S\xE9lectionnez un \xE9l\xE9ment du DOM",
@@ -1629,13 +1511,10 @@ var I18N_IT = {
     REMOVE_TAG_TITLE: "Rimuovi",
     NOTES_LABEL: "Descrizione / Note (opzionale):",
     NOTES_PLACEHOLDER: "Cosa valida questo test, condizioni preliminari, ecc.",
-    TICKET_LABEL: "Ticket (opzionale):",
-    TICKET_PH_JIRA: "es. PROJ-123",
-    TICKET_PH_AZURE: "es. 1234",
-    TICKET_PH_GITHUB: "es. 42",
-    TICKET_PH_TRELLO: "es. aBc123",
-    TICKET_PH_CUSTOM: "id del ticket",
-    TICKET_INVALID: "L'id del ticket non corrisponde al formato previsto dal gestore selezionato."
+    TICKET_LABEL: "Ticket / Issue (opzionale):",
+    TICKET_PLACEHOLDER: "Es: PROJ-123, #42",
+    TICKET_WARN: "ID non valido per il provider configurato (verr\xE0 salvato comunque)"
+    // TODO: translate
   },
   TEST_EDITOR: {
     NO_TAGS: "Nessuna etichetta",
@@ -1651,7 +1530,9 @@ var I18N_IT = {
     NO_TESTS: "Nessun test salvato",
     DELETE_TITLE: "Elimina",
     GROUP_BY_TICKET: "\u{1F3AB} Raggruppa per ticket",
-    NO_TICKET_GROUP: "Senza ticket"
+    UNGROUP_TICKET: "\u{1F3AB} Separa",
+    NO_TICKET: "Senza ticket",
+    TICKET_LINK_TITLE: "Apri ticket"
   },
   CONFIG: {
     LANG_SECTION: "\u{1F310} Lingua",
@@ -1710,26 +1591,12 @@ var I18N_IT = {
     WIDGET_POSITION_HINT: "Trascina il pulsante di registrazione per spostarlo. La posizione viene ricordata.",
     WIDGET_POSITION_RESET_BTN: "\u21BA Reimposta posizione",
     WIDGET_POSITION_RESET_DONE: "\u2713 Posizione reimpostata",
-    ISSUE_TRACKER_SECTION: "\u{1F3AB} Gestore ticket",
-    ISSUE_TRACKER_LABEL: "Gestore (solo link, senza sincronizzazione)",
-    ISSUE_TRACKER_DISCLAIMER: "Genera solo link \u2014 non si connette n\xE9 si sincronizza mai con la piattaforma.",
-    ISSUE_TRACKER_PROVIDER_JIRA: "Jira",
-    ISSUE_TRACKER_PROVIDER_AZURE: "Azure DevOps",
-    ISSUE_TRACKER_PROVIDER_GITHUB: "GitHub",
-    ISSUE_TRACKER_PROVIDER_TRELLO: "Trello",
-    ISSUE_TRACKER_PROVIDER_CUSTOM: "Personalizzato",
-    ISSUE_TRACKER_FIELD_BASEURL: "URL di base",
-    ISSUE_TRACKER_FIELD_ORG: "Organizzazione",
-    ISSUE_TRACKER_FIELD_PROJECT: "Progetto",
-    ISSUE_TRACKER_FIELD_OWNER: "Proprietario",
-    ISSUE_TRACKER_FIELD_REPO: "Repository",
-    ISSUE_TRACKER_FIELD_TEMPLATE: "Modello di URL (deve contenere {id})",
-    ISSUE_TRACKER_PH_JIRA_BASEURL: "https://tua-org.atlassian.net",
-    ISSUE_TRACKER_PH_AZURE_ORG: "organizzazione",
-    ISSUE_TRACKER_PH_AZURE_PROJECT: "progetto",
-    ISSUE_TRACKER_PH_GITHUB_OWNER: "proprietario",
-    ISSUE_TRACKER_PH_GITHUB_REPO: "repository",
-    ISSUE_TRACKER_PH_CUSTOM_TEMPLATE: "https://tracker.example.com/{id}"
+    ISSUE_TRACKER_SECTION: "\u{1F3AB} Issue tracker",
+    ISSUE_TRACKER_TITLE: "Collega i test ai ticket",
+    ISSUE_TRACKER_SUB: "Aggiungi un ID ticket al salvataggio e genera un link cliccabile nell'elenco.",
+    ISSUE_TRACKER_PROVIDER: "Provider",
+    ISSUE_TRACKER_BASE_URL: "URL base",
+    ISSUE_TRACKER_BASE_URL_PH: "Es: https://mioprogetto.atlassian.net"
   },
   SELECTOR_PICKER: {
     TITLE: "Seleziona un elemento DOM",
@@ -1933,13 +1800,10 @@ var I18N_DE = {
     REMOVE_TAG_TITLE: "Entfernen",
     NOTES_LABEL: "Beschreibung / Notizen (optional):",
     NOTES_PLACEHOLDER: "Was dieser Test validiert, Voraussetzungen usw.",
-    TICKET_LABEL: "Ticket (optional):",
-    TICKET_PH_JIRA: "z. B. PROJ-123",
-    TICKET_PH_AZURE: "z. B. 1234",
-    TICKET_PH_GITHUB: "z. B. 42",
-    TICKET_PH_TRELLO: "z. B. aBc123",
-    TICKET_PH_CUSTOM: "Ticket-ID",
-    TICKET_INVALID: "Die Ticket-ID entspricht nicht dem erwarteten Format des ausgew\xE4hlten Trackers."
+    TICKET_LABEL: "Ticket / Issue (optional):",
+    TICKET_PLACEHOLDER: "Z. B.: PROJ-123, #42",
+    TICKET_WARN: "Ung\xFCltige ID f\xFCr den konfigurierten Anbieter (wird trotzdem gespeichert)"
+    // TODO: translate
   },
   TEST_EDITOR: {
     NO_TAGS: "Keine Tags",
@@ -1955,7 +1819,9 @@ var I18N_DE = {
     NO_TESTS: "Keine gespeicherten Tests",
     DELETE_TITLE: "L\xF6schen",
     GROUP_BY_TICKET: "\u{1F3AB} Nach Ticket gruppieren",
-    NO_TICKET_GROUP: "Kein Ticket"
+    UNGROUP_TICKET: "\u{1F3AB} Gruppierung aufheben",
+    NO_TICKET: "Kein Ticket",
+    TICKET_LINK_TITLE: "Ticket \xF6ffnen"
   },
   CONFIG: {
     LANG_SECTION: "\u{1F310} Sprache",
@@ -2015,25 +1881,11 @@ var I18N_DE = {
     WIDGET_POSITION_RESET_BTN: "\u21BA Position zur\xFCcksetzen",
     WIDGET_POSITION_RESET_DONE: "\u2713 Position zur\xFCckgesetzt",
     ISSUE_TRACKER_SECTION: "\u{1F3AB} Issue-Tracker",
-    ISSUE_TRACKER_LABEL: "Tracker (nur Link, keine Synchronisierung)",
-    ISSUE_TRACKER_DISCLAIMER: "Erstellt nur Links \u2014 verbindet oder synchronisiert sich nie mit der Plattform.",
-    ISSUE_TRACKER_PROVIDER_JIRA: "Jira",
-    ISSUE_TRACKER_PROVIDER_AZURE: "Azure DevOps",
-    ISSUE_TRACKER_PROVIDER_GITHUB: "GitHub",
-    ISSUE_TRACKER_PROVIDER_TRELLO: "Trello",
-    ISSUE_TRACKER_PROVIDER_CUSTOM: "Benutzerdefiniert",
-    ISSUE_TRACKER_FIELD_BASEURL: "Basis-URL",
-    ISSUE_TRACKER_FIELD_ORG: "Organisation",
-    ISSUE_TRACKER_FIELD_PROJECT: "Projekt",
-    ISSUE_TRACKER_FIELD_OWNER: "Eigent\xFCmer",
-    ISSUE_TRACKER_FIELD_REPO: "Repository",
-    ISSUE_TRACKER_FIELD_TEMPLATE: "URL-Vorlage (muss {id} enthalten)",
-    ISSUE_TRACKER_PH_JIRA_BASEURL: "https://ihre-org.atlassian.net",
-    ISSUE_TRACKER_PH_AZURE_ORG: "Organisation",
-    ISSUE_TRACKER_PH_AZURE_PROJECT: "Projekt",
-    ISSUE_TRACKER_PH_GITHUB_OWNER: "Eigent\xFCmer",
-    ISSUE_TRACKER_PH_GITHUB_REPO: "Repository",
-    ISSUE_TRACKER_PH_CUSTOM_TEMPLATE: "https://tracker.example.com/{id}"
+    ISSUE_TRACKER_TITLE: "Tests mit Tickets verkn\xFCpfen",
+    ISSUE_TRACKER_SUB: "F\xFCge beim Speichern eine Ticket-ID hinzu und erstelle einen klickbaren Link.",
+    ISSUE_TRACKER_PROVIDER: "Anbieter",
+    ISSUE_TRACKER_BASE_URL: "Basis-URL",
+    ISSUE_TRACKER_BASE_URL_PH: "Z. B.: https://meinprojekt.atlassian.net"
   },
   SELECTOR_PICKER: {
     TITLE: "DOM-Element ausw\xE4hlen",
@@ -2402,6 +2254,7 @@ var RecordingService = class {
   }
   // ── Public API ────────────────────────────────────────────────────────────
   startRecording() {
+    this.clearCommands();
     this.sessionId = createSessionId();
     this.startedAt = Date.now();
     this.isPaused$.next(false);
@@ -2751,6 +2604,13 @@ var RecordingService = class {
         }
         return;
       }
+      if (!this.isInteractiveElement(target)) {
+        const interactive = target.closest(
+          'button,a,input,select,textarea,label,summary,mat-option,[role="button"],[role="link"],[role="menuitem"],[role="option"],[role="tab"]'
+        );
+        if (!interactive) return;
+        target = interactive;
+      }
     }
     const tag = target.tagName.toLowerCase();
     if (tag === "input" || tag === "textarea" || tag === "select") {
@@ -2783,6 +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()`
@@ -2905,42 +2769,6 @@ var RecordingService = class {
 
 // src/services/persistence.service.ts
 var import_idb = require("idb");
-
-// src/utils/ticket.utils.ts
-function buildTicketUrl(provider, params, id) {
-  const ticketId = (id ?? "").trim();
-  if (!provider || !ticketId) return null;
-  let url = provider.urlTemplate;
-  for (const field of provider.fields) {
-    const value = (params?.[field.key] ?? "").trim().replace(/\/+$/, "");
-    if (!value) return null;
-    url = url.split(`{${field.key}}`).join(value);
-  }
-  url = url.split("{id}").join(encodeURIComponent(ticketId));
-  if (url.includes("{") || url.includes("}")) return null;
-  return toSafeHttpUrl(url);
-}
-function resolveTicketUrl(providerId, allParams, ticketId) {
-  const id = (ticketId ?? "").trim();
-  if (!id) return null;
-  const provider = findIssueTrackerProvider(providerId);
-  if (!provider) return null;
-  return buildTicketUrl(provider, allParams?.[providerId] ?? {}, id);
-}
-function toSafeHttpUrl(candidate) {
-  try {
-    const parsed = new URL(candidate);
-    return parsed.protocol === "http:" || parsed.protocol === "https:" ? parsed.href : null;
-  } catch {
-    return null;
-  }
-}
-function buildTicketComment(id, url) {
-  const ticketId = (id ?? "").trim();
-  return url ? `// ${ticketId} \u2014 ${url}` : `// ${ticketId}`;
-}
-
-// src/services/persistence.service.ts
 var ACTIVE_SESSION_ID = 1;
 var PersistenceService = class {
   // dbName is overridable so tests can use unique names for isolation.
@@ -2995,28 +2823,12 @@ var PersistenceService = class {
     if (!record) return null;
     const commands = await this.getCommandStrings(testId);
     const interceptors = await this.getInterceptorStrings(testId);
-    const ticketComment = await this.ticketCommentFor(record);
-    const itBody = `it('${escapeSingleQuotes(record.name)}', () => {
+    const itBlock = `it('${escapeSingleQuotes(record.name)}', () => {
 ${commands.map((c) => normalizeBlock(c, "  ")).join("\n")}
 });`;
-    const itBlock = ticketComment ? `${ticketComment}
-${itBody}` : itBody;
     const interceptorsBlock = interceptors.length ? "  // Auto-generated Cypress interceptors\n" + interceptors.map((i) => normalizeBlock(i, "  ")).join("\n") + "\n" : "";
     return { ...record, commands, interceptors, cypressCommands: commands, itBlock, interceptorsBlock };
   }
-  /**
-   * Builds the traceability comment for a test record (spec 014), reading the
-   * configured issue-tracker provider/params so the link — when resolvable — is
-   * embedded. Returns `null` when the record has no ticket id.
-   */
-  async ticketCommentFor(record) {
-    if (!record.ticketId) return null;
-    const config = await this.getGeneralConfig();
-    const providerId = config?.["issueTrackerProviderId"] ?? DEFAULT_ISSUE_TRACKER_PROVIDER_ID;
-    const params = config?.["issueTrackerParams"] ?? {};
-    const url = resolveTicketUrl(providerId, params, record.ticketId);
-    return buildTicketComment(record.ticketId, url);
-  }
   async deleteTest(id) {
     const db = await this.getDB();
     await db.delete("tests", id);
@@ -3324,39 +3136,34 @@ var HttpMonitor = class {
     if (!INTERCEPTED_METHODS.includes(method)) return;
     const url = resolveUrl(input);
     const alias = generateAlias(method, url);
-    if (this.isFixtureModeEnabled() && method === "GET") {
-      const pretty = prettyJsonOrNull(await responseClone.text());
-      const fixtureFile = `${alias}.json`;
-      if (pretty !== null) this.recording.registerFixture(fixtureFile, pretty);
-      this.recording.registerInterceptor(method, url, alias, pretty !== null ? fixtureFile : void 0);
-      this.recording.addCommand(`cy.wait('@${alias}').then((interception) => { })`);
-      return;
-    }
     this.recording.registerInterceptor(method, url, alias);
     const extendedHttp = this.isExtendedHttpEnabled();
+    const 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);
   }
   handleXhrInterception(method, url, requestBody, responseText) {
     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);
-      const fixtureFile = `${alias}.json`;
-      if (pretty !== null) this.recording.registerFixture(fixtureFile, pretty);
-      this.recording.registerInterceptor(method, url, alias, pretty !== null ? fixtureFile : void 0);
-      this.recording.addCommand(`cy.wait('@${alias}').then((interception) => { })`);
-      return;
+      if (pretty !== null) this.recording.registerFixture(`${alias}.json`, pretty);
     }
-    this.recording.registerInterceptor(method, url, alias);
     const extendedHttp = this.isExtendedHttpEnabled();
     const responseBody = extendedHttp ? parseJsonObject(responseText) : null;
     const cmd = buildCyWaitCommand(method, alias, extendedHttp, requestBody, responseBody);
@@ -3681,177 +3488,6 @@ function boxTopLeftFor(toggleCentre, dir) {
   return { x: toggleCentre.x - off.x, y: toggleCentre.y - off.y };
 }
 
-// src/utils/cypress-completions.ts
-var CY_METHODS = [
-  "visit",
-  "get",
-  "contains",
-  "intercept",
-  "wait",
-  "request",
-  "url",
-  "location",
-  "viewport",
-  "fixture",
-  "wrap",
-  "reload",
-  "go",
-  "window",
-  "document",
-  "session",
-  "clearCookies",
-  "clearLocalStorage",
-  "screenshot",
-  "log"
-];
-var CHAIN_METHODS = [
-  "click",
-  "dblclick",
-  "rightclick",
-  "type",
-  "clear",
-  "select",
-  "check",
-  "uncheck",
-  "should",
-  "and",
-  "find",
-  "first",
-  "last",
-  "eq",
-  "then",
-  "its",
-  "invoke",
-  "as",
-  "trigger",
-  "focus",
-  "blur",
-  "scrollIntoView",
-  "within",
-  "parent",
-  "children",
-  "siblings",
-  "contains",
-  "each",
-  "filter",
-  "wait"
-];
-var TOP_LEVEL = [
-  "cy",
-  "describe",
-  "it",
-  "context",
-  "beforeEach",
-  "afterEach",
-  "before",
-  "after",
-  "Cypress"
-];
-var CYPRESS_COMPLETIONS = [
-  ...TOP_LEVEL,
-  ...CY_METHODS.map((m) => `cy.${m}`),
-  ...CHAIN_METHODS
-];
-function filterCompletions(list, prefix) {
-  const p = prefix.toLowerCase();
-  if (!p) return [...list];
-  return list.filter((label) => label.toLowerCase().includes(p));
-}
-function filterCypressCompletions(prefix) {
-  return filterCompletions(CYPRESS_COMPLETIONS, prefix);
-}
-
-// src/utils/code-editor.ts
-function toOptions(labels, type) {
-  return labels.map((label) => ({ label, type }));
-}
-function cypressCompletionSource(context) {
-  const cyMatch = context.matchBefore(/cy\.\w*$/);
-  if (cyMatch) {
-    return { from: cyMatch.from + 3, options: toOptions(filterCompletions(CY_METHODS, cyMatch.text.slice(3)), "method") };
-  }
-  const chainMatch = context.matchBefore(/\.\w*$/);
-  if (chainMatch) {
-    return { from: chainMatch.from + 1, options: toOptions(filterCompletions(CHAIN_METHODS, chainMatch.text.slice(1)), "method") };
-  }
-  const word = context.matchBefore(/\w*/);
-  if (!word || word.from === word.to && !context.explicit) return null;
-  return { from: word.from, options: toOptions(filterCompletions(TOP_LEVEL, word.text), "keyword") };
-}
-async function createCodeEditor(opts) {
-  const [view, state, language, langJs, autocomplete, commands, highlight] = await Promise.all([
-    import("@codemirror/view"),
-    import("@codemirror/state"),
-    import("@codemirror/language"),
-    import("@codemirror/lang-javascript"),
-    import("@codemirror/autocomplete"),
-    import("@codemirror/commands"),
-    import("@lezer/highlight")
-  ]);
-  const { EditorView, keymap, lineNumbers, highlightActiveLine, drawSelection } = view;
-  const { EditorState } = state;
-  const { syntaxHighlighting, HighlightStyle, indentOnInput, bracketMatching } = language;
-  const { javascript } = langJs;
-  const { autocompletion, completionKeymap, closeBrackets, closeBracketsKeymap } = autocomplete;
-  const { history: history2, defaultKeymap, historyKeymap, indentWithTab } = commands;
-  const { tags } = highlight;
-  const darkHighlight = HighlightStyle.define([
-    { tag: tags.keyword, color: "#ff7b72" },
-    { tag: tags.string, color: "#a5d6ff" },
-    { tag: [tags.function(tags.variableName), tags.function(tags.propertyName)], color: "#d2a8ff" },
-    { tag: tags.number, color: "#79c0ff" },
-    { tag: [tags.bool, tags.null], color: "#79c0ff" },
-    { tag: tags.comment, color: "#8b949e", fontStyle: "italic" },
-    { tag: [tags.propertyName, tags.attributeName], color: "#7ee787" },
-    { tag: [tags.typeName, tags.className], color: "#ffa657" },
-    { tag: tags.operator, color: "#ff7b72" },
-    { tag: [tags.brace, tags.bracket, tags.punctuation], color: "#c9d1d9" }
-  ]);
-  const theme = EditorView.theme(
-    {
-      "&": { color: "#c9d1d9", backgroundColor: "#0d1117", height: "100%", fontSize: "13px" },
-      ".cm-scroller": { fontFamily: "'Cascadia Code','Fira Code',Consolas,monospace", overflow: "auto" },
-      ".cm-gutters": { backgroundColor: "#0d1117", color: "#484f58", border: "none" },
-      ".cm-activeLine": { backgroundColor: "rgba(110,118,129,0.10)" },
-      ".cm-activeLineGutter": { backgroundColor: "transparent" },
-      "&.cm-focused": { outline: "none" },
-      ".cm-tooltip": { background: "#161b22", border: "1px solid #30363d", color: "#c9d1d9", borderRadius: "6px" },
-      ".cm-tooltip-autocomplete ul li[aria-selected]": { background: "#1f6feb", color: "#fff" }
-    },
-    { dark: true }
-  );
-  const editorView = new EditorView({
-    parent: opts.parent,
-    ...opts.root ? { root: opts.root } : {},
-    state: EditorState.create({
-      doc: opts.doc,
-      extensions: [
-        lineNumbers(),
-        highlightActiveLine(),
-        drawSelection(),
-        history2(),
-        indentOnInput(),
-        bracketMatching(),
-        closeBrackets(),
-        javascript({ typescript: true }),
-        syntaxHighlighting(darkHighlight),
-        autocompletion({ override: [cypressCompletionSource] }),
-        keymap.of([...closeBracketsKeymap, ...defaultKeymap, ...historyKeymap, ...completionKeymap, indentWithTab]),
-        theme,
-        EditorView.updateListener.of((update) => {
-          if (update.docChanged && opts.onChange) opts.onChange(update.state.doc.toString());
-        })
-      ]
-    })
-  });
-  return {
-    getValue: () => editorView.state.doc.toString(),
-    setValue: (value) => editorView.dispatch({ changes: { from: 0, to: editorView.state.doc.length, insert: value } }),
-    focus: () => editorView.focus(),
-    destroy: () => editorView.destroy()
-  };
-}
-
 // src/index.ts
 init_selector_picker();
 
@@ -4057,6 +3693,33 @@ 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; }
@@ -4132,11 +3795,15 @@ function renderSaveTestAsk(t) {
       </div>
     </div>`;
 }
-function renderSaveTestDesc(description, notes, tags, ticket, t) {
+function renderSaveTestDesc(description, notes, tags, ticketId, issueTrackerEnabled, ticketWarn, t) {
   const chipsHtml = tags.map(
     (tag) => `<span class="chip">${escHtml(tag)}<button class="chip-del" data-tag="${escAttr(tag)}" title="${t("SAVE_TEST.REMOVE_TAG_TITLE")}">\u2715</button></span>`
   ).join("");
-  const ticketWarning = ticket.invalid ? `<div class="ticket-warning" style="color:#d29922;font-size:11px;margin-top:2px">${t("SAVE_TEST.TICKET_INVALID")}</div>` : "";
+  const ticketHtml = issueTrackerEnabled ? `
+      <span class="tag-label">${t("SAVE_TEST.TICKET_LABEL")}</span>
+      <input id="ticket-input" type="text" placeholder="${escAttr(t("SAVE_TEST.TICKET_PLACEHOLDER"))}"
+             value="${escAttr(ticketId)}" autocomplete="off" />
+      ${ticketWarn ? `<span class="ticket-warn">\u26A0 ${t("SAVE_TEST.TICKET_WARN")}</span>` : ""}` : "";
   return `
     <div class="container">
       <p>${t("SAVE_TEST.DESC_LABEL")} (<code>it()</code>):</p>
@@ -4144,16 +3811,13 @@ function renderSaveTestDesc(description, notes, tags, ticket, t) {
              value="${escAttr(description)}" autocomplete="off" />
       <span class="tag-label">${t("SAVE_TEST.NOTES_LABEL")}</span>
       <textarea id="notes-input" rows="3" placeholder="${escAttr(t("SAVE_TEST.NOTES_PLACEHOLDER"))}">${escHtml(notes)}</textarea>
-      <span class="tag-label">${t("SAVE_TEST.TICKET_LABEL")}</span>
-      <input id="ticket-input" type="text" placeholder="${escAttr(t(ticket.placeholderKey))}"
-             value="${escAttr(ticket.id)}" autocomplete="off" />
-      ${ticketWarning}
       <span class="tag-label">${t("SAVE_TEST.TAGS_LABEL")}</span>
       <div class="tag-input-row">
         <input id="tag-input" type="text" placeholder="${t("SAVE_TEST.TAGS_PLACEHOLDER")}" autocomplete="off" />
         <button class="btn-tag-add" id="btn-add-tag">${t("SAVE_TEST.ADD_TAG")}</button>
       </div>
       <div class="chips" id="chips-container">${chipsHtml || `<span style="color:#484f58;font-size:11px">${t("SAVE_TEST.NO_TAGS")}</span>`}</div>
+      ${ticketHtml}
       <div class="btn-row">
         <button class="btn-primary" id="btn-confirm">${t("SAVE_TEST.SAVE_BTN")}</button>
         <button class="btn-success" id="btn-export">${t("SAVE_TEST.SAVE_AND_EDIT")}</button>
@@ -4170,8 +3834,7 @@ var SaveTestElement = class extends HTMLElement {
   notes = "";
   tags = [];
   ticketId = "";
-  /** Set by the host from config so the ticket placeholder/validation is provider-aware. */
-  issueTrackerProviderId = DEFAULT_ISSUE_TRACKER_PROVIDER_ID;
+  issueTrackerConfig = DEFAULT_ISSUE_TRACKER_CONFIG;
   translation = translationService;
   constructor() {
     super();
@@ -4188,13 +3851,13 @@ var SaveTestElement = class extends HTMLElement {
     this.render();
   }
   confirmSave() {
-    this.dispatch("savetest", { description: this.description.trim(), notes: this.notes, tags: [...this.tags], ticketId: this.ticketId.trim() || null });
+    this.dispatch("savetest", { description: this.description.trim(), notes: this.notes, tags: [...this.tags], ticketId: this.ticketId.trim() });
   }
   confirmSaveAndExport() {
-    this.dispatch("saveandexport", { description: this.description.trim(), notes: this.notes, tags: [...this.tags], ticketId: this.ticketId.trim() || null });
+    this.dispatch("saveandexport", { description: this.description.trim(), notes: this.notes, tags: [...this.tags], ticketId: this.ticketId.trim() });
   }
   cancel() {
-    this.dispatch("savetest", { description: null, notes: "", tags: [], ticketId: null });
+    this.dispatch("savetest", { description: null, notes: "", tags: [], ticketId: "" });
   }
   restartComponent() {
     this._step = "ask";
@@ -4218,19 +3881,9 @@ var SaveTestElement = class extends HTMLElement {
   t(key) {
     return this.translation.translate(key);
   }
-  /** Builds the ticket field view: provider-aware placeholder + soft (non-blocking) format check. */
-  ticketView() {
-    const provider = findIssueTrackerProvider(this.issueTrackerProviderId) ?? ISSUE_TRACKER_PROVIDERS[0];
-    const trimmed = this.ticketId.trim();
-    let invalid = false;
-    if (trimmed) {
-      try {
-        invalid = !new RegExp(provider.idPattern).test(trimmed);
-      } catch {
-        invalid = false;
-      }
-    }
-    return { id: this.ticketId, placeholderKey: provider.idPlaceholderKey, invalid };
+  get ticketIdWarning() {
+    if (!this.ticketId.trim() || !this.issueTrackerConfig.enabled) return false;
+    return !isValidTicketId(this.ticketId, this.issueTrackerConfig.provider);
   }
   dispatch(type, detail) {
     this.dispatchEvent(new CustomEvent(type, { detail, bubbles: true, composed: true }));
@@ -4241,21 +3894,18 @@ 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.ticketView(), this.t.bind(this))}`;
+      this.shadow.innerHTML = `<style>${SAVE_TEST_STYLES}</style>${renderSaveTestDesc(this.description, this.notes, this.tags, this.ticketId, this.issueTrackerConfig.enabled, this.ticketIdWarning, this.t.bind(this))}`;
       const descInput = this.shadow.getElementById("desc-input");
       const notesInput = this.shadow.getElementById("notes-input");
-      const ticketInput = this.shadow.getElementById("ticket-input");
       const tagInput = this.shadow.getElementById("tag-input");
+      const ticketInput = this.shadow.getElementById("ticket-input");
       descInput.addEventListener("input", () => {
         this.description = descInput.value;
       });
       notesInput.addEventListener("input", () => {
         this.notes = notesInput.value;
       });
-      ticketInput.addEventListener("input", () => {
-        this.ticketId = ticketInput.value;
-      });
-      ticketInput.addEventListener("change", () => {
+      ticketInput?.addEventListener("input", () => {
         this.ticketId = ticketInput.value;
         this.render();
       });
@@ -4350,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;
@@ -4381,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; }
@@ -4487,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, groupByTicket, ticketUrlByTest, locale } = state;
+  const { tags, visible, selectedVisible, activeTag, selectMode, describeName, groupByTicket } = state;
   const tagFilterHtml = tags.length ? `<div class="tag-filter">
         ${tags.map((tag) => `<button class="tag-chip${activeTag === tag ? " active" : ""}" data-filter-tag="${escAttr(tag)}">${escHtml(tag)}</button>`).join("")}
        </div>` : `<div class="tag-filter" style="color:#484f58;font-size:11px">${t("TEST_EDITOR.NO_TAGS")}</div>`;
@@ -4497,80 +4206,43 @@ function renderTestEditor(state, t) {
         <input id="describe-name" type="text" placeholder="${t("TEST_EDITOR.DESCRIBE_PLACEHOLDER")}" value="${escAttr(describeName)}" />
         <button class="btn-gen-describe" id="btn-gen-describe">${t("TEST_EDITOR.COPY_DESCRIBE")}</button>
       </div>` : "";
-  const renderRow = (test, i) => {
-    const expanded = expandedIndex === i;
-    const date = new Date(test.createdAt).toLocaleString(locale, { day: "2-digit", month: "2-digit", hour: "2-digit", minute: "2-digit" });
-    const icps = interceptorsByTest[test.id] ?? test.interceptors ?? [];
-    const tagsHtml = (test.tags ?? []).length ? `<span class="test-tags">${(test.tags ?? []).map((tag) => `<span class="test-tag">${escHtml(tag)}</span>`).join("")}</span>` : "";
-    const ticketId = (test.ticketId ?? "").trim();
-    const ticketUrl = ticketUrlByTest[test.id] ?? null;
-    const ticketHtml = !ticketId ? "" : ticketUrl ? `<a class="test-ticket" data-ticket-link href="${escAttr(ticketUrl)}" target="_blank" rel="noopener noreferrer" style="color:#58a6ff;font-size:11px;text-decoration:none">\u{1F3AB} ${escHtml(ticketId)}</a>` : `<span class="test-ticket" style="color:#8b949e;font-size:11px">\u{1F3AB} ${escHtml(ticketId)}</span>`;
-    const checkbox = selectMode ? `<input type="checkbox" ${selectedIds.has(test.id) ? "checked" : ""} data-select="${test.id}" />` : "";
-    const hasIcps = (test.interceptors ?? []).length > 0;
-    const ticketComment = ticketId ? `${buildTicketComment(ticketId, ticketUrl)}
-` : "";
-    const itBlockCode = `${ticketComment}it('${escapeSingleQuotes(test.name)}', () => {
-${(test.commands ?? []).map((c) => normalizeBlock(c, "  ")).join("\n")}
-});`;
-    const icpBlockCode = icps.length ? `beforeEach(() => {
-  // Auto-generated Cypress interceptors
-${icps.map((c) => normalizeBlock(c, "  ")).join("\n")}
-});` : "";
-    const notesHtml = expanded && test.notes ? `<p class="test-notes">${escHtml(test.notes)}</p>` : "";
-    const body = expanded ? `
-      <div class="row-body">
-        ${notesHtml}
-        <pre class="code-preview">${syntaxHighlight(itBlockCode)}</pre>
-        ${icpBlockCode ? `<pre class="code-preview code-preview-icp">${syntaxHighlight(icpBlockCode)}</pre>` : ""}
-      </div>` : "";
-    return `
-      <div class="row${selectedIds.has(test.id) ? " selected-row" : ""}">
-        <div class="row-header" data-action="expand" data-idx="${i}">
-          ${checkbox}
-          <span class="test-name">${escHtml(test.name)}</span>
-          ${tagsHtml}
-          ${ticketHtml}
-          <span class="test-date">${date}</span>
-          <button class="btn-icon" data-action="copy-cmds" data-idx="${i}" title="${t("TEST_EDITOR.COPY_CMDS_BTN")}">${t("TEST_EDITOR.COPY_CMDS_BTN")}</button>
-          ${hasIcps ? `<button class="btn-icon" data-action="copy-icps" data-idx="${i}" title="${t("TEST_EDITOR.COPY_ICPS_BTN")}">${t("TEST_EDITOR.COPY_ICPS_BTN")}</button>` : ""}
-          <button class="btn-icon btn-del" data-action="delete" data-id="${test.id}" title="${t("TEST_EDITOR.DELETE_TITLE")}">\u{1F5D1}</button>
-        </div>
-        ${body}
-      </div>`;
-  };
-  const indexed = visible.map((test, i) => ({ test, i }));
-  const groupedRows = () => {
+  let rows;
+  if (groupByTicket) {
     const groups = /* @__PURE__ */ new Map();
-    for (const item of indexed) {
-      const key = (item.test.ticketId ?? "").trim();
-      const bucket = groups.get(key);
-      if (bucket) bucket.push(item);
-      else groups.set(key, [item]);
+    for (const test of visible) {
+      const key = test.ticketId?.trim() || "";
+      const group = groups.get(key) ?? [];
+      group.push(test);
+      groups.set(key, group);
     }
-    const keys = [...groups.keys()].sort((a, b) => a === "" ? 1 : b === "" ? -1 : a.localeCompare(b));
-    return keys.map((key) => {
-      const items = groups.get(key) ?? [];
-      const label = key || t("TEST_EDITOR.NO_TICKET_GROUP");
-      const url = key ? ticketUrlByTest[items[0].test.id] ?? null : null;
-      const header = url ? `<a data-ticket-link href="${escAttr(url)}" target="_blank" rel="noopener noreferrer" style="color:#58a6ff;text-decoration:none">\u{1F3AB} ${escHtml(label)}</a>` : `\u{1F3AB} ${escHtml(label)}`;
-      return `<div class="ticket-group">
-        <div class="ticket-group-hd" style="padding:6px 10px;color:#8b949e;font-size:12px;font-weight:600;border-top:1px solid #21262d">${header}</div>
-        ${items.map(({ test, i }) => renderRow(test, i)).join("")}
-      </div>`;
+    const sortedKeys = [...groups.keys()].sort(
+      (a, b) => a === "" ? 1 : b === "" ? -1 : a.localeCompare(b)
+    );
+    rows = sortedKeys.map((key) => {
+      const group = groups.get(key);
+      const header = `<div class="ticket-group-header">${key ? escHtml(key) : t("TEST_EDITOR.NO_TICKET")}</div>`;
+      const groupRows = group.map((test) => {
+        const i = visible.indexOf(test);
+        return renderTestRow(test, i, state, t);
+      }).join("");
+      return `<div class="ticket-group">${header}${groupRows}</div>`;
     }).join("");
-  };
-  const listBody = !visible.length ? `<div class="empty">${t("TEST_EDITOR.NO_TESTS")}</div>` : groupByTicket ? groupedRows() : indexed.map(({ test, i }) => renderRow(test, i)).join("");
+  } else {
+    rows = visible.map((test, i) => renderTestRow(test, i, state, t)).join("");
+  }
   return `
     <div class="toolbar">
       ${tagFilterHtml}
-      <button class="btn-select${groupByTicket ? " active" : ""}" id="btn-group-ticket">${t("TEST_EDITOR.GROUP_BY_TICKET")}</button>
+      <button class="btn-select${groupByTicket ? " active" : ""}" id="btn-group-ticket">
+        ${groupByTicket ? t("TEST_EDITOR.UNGROUP_TICKET") : t("TEST_EDITOR.GROUP_BY_TICKET")}
+      </button>
       <button class="btn-select${selectMode ? " active" : ""}" id="btn-select-mode">
         ${selectMode ? t("TEST_EDITOR.CANCEL_SELECT") : t("TEST_EDITOR.MULTI_SELECT")}
       </button>
     </div>
     ${describeBarHtml}
     <div class="list">
-      ${listBody}
+      ${visible.length ? rows : `<div class="empty">${t("TEST_EDITOR.NO_TESTS")}</div>`}
     </div>`;
 }
 
@@ -4587,8 +4259,7 @@ var TestEditorElement = class extends HTMLElement {
   selectedIds = /* @__PURE__ */ new Set();
   describeName = "";
   groupByTicket = false;
-  issueTrackerProviderId = DEFAULT_ISSUE_TRACKER_PROVIDER_ID;
-  issueTrackerParams = {};
+  issueTrackerConfig = { ...DEFAULT_ISSUE_TRACKER_CONFIG };
   constructor() {
     super();
     this.shadow = this.attachShadow({ mode: "open" });
@@ -4598,17 +4269,7 @@ var TestEditorElement = class extends HTMLElement {
     this.loadTests();
   }
   async loadTests() {
-    const [tests, config] = await Promise.all([
-      this.persistence.getAllTests(),
-      this.persistence.getGeneralConfig()
-    ]);
-    this.tests = tests;
-    this.issueTrackerProviderId = config?.["issueTrackerProviderId"] ?? DEFAULT_ISSUE_TRACKER_PROVIDER_ID;
-    this.issueTrackerParams = config?.["issueTrackerParams"] ?? {};
-    this.render();
-  }
-  toggleGroupByTicket() {
-    this.groupByTicket = !this.groupByTicket;
+    this.tests = await this.persistence.getAllTests();
     this.render();
   }
   async deleteTest(id) {
@@ -4629,6 +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();
@@ -4683,12 +4348,6 @@ ${beforeEach}${itBlocks}
     const tags = this.allTags;
     const visible = this.visibleTests;
     const selectedVisible = visible.filter((t) => this.selectedIds.has(t.id));
-    const ticketUrlByTest = {};
-    for (const test of visible) {
-      if (test.ticketId) {
-        ticketUrlByTest[test.id] = resolveTicketUrl(this.issueTrackerProviderId, this.issueTrackerParams, test.ticketId);
-      }
-    }
     this.shadow.innerHTML = `<style>${TEST_EDITOR_STYLES}</style>${renderTestEditor({
       tags,
       visible,
@@ -4699,15 +4358,12 @@ ${beforeEach}${itBlocks}
       describeName: this.describeName,
       expandedIndex: this.expandedIndex,
       interceptorsByTest: this.interceptorsByTest,
+      locale: localeForLang(this.translation.getLang()),
       groupByTicket: this.groupByTicket,
-      ticketUrlByTest,
-      locale: localeForLang(this.translation.getLang())
+      issueTrackerConfig: this.issueTrackerConfig
     }, this.t.bind(this))}`;
-    this.shadow.getElementById("btn-select-mode")?.addEventListener("click", () => this.toggleSelectMode());
     this.shadow.getElementById("btn-group-ticket")?.addEventListener("click", () => this.toggleGroupByTicket());
-    this.shadow.querySelectorAll("[data-ticket-link]").forEach(
-      (el) => el.addEventListener("click", (ev) => ev.stopPropagation())
-    );
+    this.shadow.getElementById("btn-select-mode")?.addEventListener("click", () => this.toggleSelectMode());
     this.shadow.querySelectorAll("[data-filter-tag]").forEach((el) => {
       el.addEventListener("click", () => {
         const tag = el.dataset["filterTag"] ?? "";
@@ -4771,26 +4427,16 @@ 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 */
-  /* The SweetAlert2 host clips overflow (overflow:hidden), so the grid owns its
-     own scroll \u2014 otherwise the last cards fall below the fold with no scrollbar. */
   .cfg-grid {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 10px;
     padding: 14px;
-    max-height: 72vh;
-    overflow-y: auto;
-    scrollbar-width: thin;
-    scrollbar-color: #30363d transparent;
   }
-  .cfg-grid::-webkit-scrollbar { width: 8px; }
-  .cfg-grid::-webkit-scrollbar-thumb { background: #30363d; border-radius: 4px; }
-  .cfg-grid::-webkit-scrollbar-thumb:hover { background: #484f58; }
-  .cfg-grid::-webkit-scrollbar-track { background: transparent; }
 
   /* \u2500\u2500 Cards \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */
   .card {
@@ -5004,33 +4650,8 @@ function renderExportOverlay(state, t) {
       </div>
     </div>`;
 }
-var TRACKER_INPUT_STYLE = "flex:1;min-width:180px;padding:5px 8px;background:#161b22;border:1px solid #30363d;border-radius:5px;color:#c9d1d9;font-size:12px;outline:none";
-function renderIssueTrackerCard(state, t) {
-  const { issueTrackerProviderId, issueTrackerParams } = state;
-  const provider = findIssueTrackerProvider(issueTrackerProviderId) ?? ISSUE_TRACKER_PROVIDERS[0];
-  const values = issueTrackerParams[provider.id] ?? {};
-  const options = ISSUE_TRACKER_PROVIDERS.map(
-    (p) => `<option value="${escAttr(p.id)}" ${provider.id === p.id ? "selected" : ""}>${escHtml(t(p.labelKey))}</option>`
-  ).join("");
-  const fields = provider.fields.map((f) => `
-        <div class="field-row">
-          <span class="field-label">${escHtml(t(f.labelKey))}</span>
-          <input type="text" data-tracker-field="${escAttr(f.key)}" value="${escAttr(values[f.key] ?? "")}"
-            placeholder="${escAttr(t(f.placeholderKey))}" style="${TRACKER_INPUT_STYLE}" />
-        </div>`).join("");
-  return `
-      <div class="card card-wide">
-        <div class="card-hd">${t("CONFIG.ISSUE_TRACKER_SECTION")}</div>
-        <div class="field-row">
-          <span class="field-label">${t("CONFIG.ISSUE_TRACKER_LABEL")}</span>
-          <select id="issue-tracker-provider">${options}</select>
-        </div>
-        ${fields}
-        <div class="check-sub issue-tracker-disclaimer" style="margin-top:8px">${t("CONFIG.ISSUE_TRACKER_DISCLAIMER")}</div>
-      </div>`;
-}
 function renderConfiguration(state, t) {
-  const { selectedLanguage, advancedHttpConfig, fixtureMode, selectorStrategy, filesystemGranted, cypressFolderName, smartSelectorEnabled, startHidden, resumeTtlMinutes } = state;
+  const { selectedLanguage, advancedHttpConfig, fixtureMode, selectorStrategy, filesystemGranted, cypressFolderName, smartSelectorEnabled, startHidden, resumeTtlMinutes, issueTrackerConfig } = state;
   const langOptions = LANGS.map(
     (l) => `<option value="${l.value}" ${selectedLanguage === l.value ? "selected" : ""}>${l.label}</option>`
   ).join("");
@@ -5151,8 +4772,33 @@ function renderConfiguration(state, t) {
         </div>
       </div>
 
-      <!-- Issue tracker (spec 014) -->
-      ${renderIssueTrackerCard(state, t)}
+      <!-- Issue Tracker -->
+      <div class="card card-wide">
+        <div class="card-hd">${t("CONFIG.ISSUE_TRACKER_SECTION")}</div>
+        <label class="check-row">
+          <input type="checkbox" id="issue-tracker-toggle" ${issueTrackerConfig.enabled ? "checked" : ""} />
+          <div>
+            <div class="check-title">${t("CONFIG.ISSUE_TRACKER_TITLE")}</div>
+            <div class="check-sub">${t("CONFIG.ISSUE_TRACKER_SUB")}</div>
+          </div>
+        </label>
+        ${issueTrackerConfig.enabled ? `
+        <div class="field-row" style="margin-top:10px">
+          <span class="field-label">${t("CONFIG.ISSUE_TRACKER_PROVIDER")}</span>
+          <select id="issue-tracker-provider">
+            ${Object.values(ISSUE_TRACKER_PRESETS).map(
+    (p) => `<option value="${p.id}" ${issueTrackerConfig.provider === p.id ? "selected" : ""}>${escHtml(p.label)}</option>`
+  ).join("")}
+          </select>
+        </div>
+        <div class="field-row" style="margin-top:8px">
+          <span class="field-label">${t("CONFIG.ISSUE_TRACKER_BASE_URL")}</span>
+          <input id="issue-tracker-base-url" type="text"
+                 placeholder="${escAttr(t("CONFIG.ISSUE_TRACKER_BASE_URL_PH"))}"
+                 value="${escAttr(issueTrackerConfig.baseUrl)}"
+                 style="flex:1;padding:5px 8px;background:#161b22;border:1px solid #30363d;border-radius:5px;color:#c9d1d9;font-size:12px;outline:none" />
+        </div>` : ""}
+      </div>
 
       <!-- Data -->
       <div class="card card-wide">
@@ -5182,13 +4828,12 @@ var ConfigurationElement = class extends HTMLElement {
   smartSelectorEnabled = true;
   startHidden = false;
   resumeTtlMinutes = DEFAULT_RESUME_TTL_MINUTES;
-  issueTrackerProviderId = DEFAULT_ISSUE_TRACKER_PROVIDER_ID;
-  issueTrackerParams = {};
   isExporting = false;
   exportMode = "all";
   exportTests = [];
   exportSelectedIds = /* @__PURE__ */ new Set();
   exportSelectedTags = /* @__PURE__ */ new Set();
+  issueTrackerConfig = { ...DEFAULT_ISSUE_TRACKER_CONFIG };
   filesystemGranted = false;
   cypressFolderName = null;
   constructor() {
@@ -5225,12 +4870,11 @@ var ConfigurationElement = class extends HTMLElement {
     this.filesystemGranted = config?.["allowReadWriteFiles"] === "true";
     const handle = config?.["cypressDirectoryHandle"];
     this.cypressFolderName = handle?.name ?? null;
-    if (config?.["issueTrackerProviderId"] !== void 0) {
-      this.issueTrackerProviderId = config["issueTrackerProviderId"];
-    }
-    if (config?.["issueTrackerParams"] !== void 0) {
-      this.issueTrackerParams = config["issueTrackerParams"];
-    }
+    this.issueTrackerConfig = {
+      enabled: config?.["issueTrackerEnabled"] === "true",
+      provider: config?.["issueTrackerProvider"] ?? DEFAULT_ISSUE_TRACKER_CONFIG.provider,
+      baseUrl: config?.["issueTrackerBaseUrl"] ?? ""
+    };
     this.render();
   }
   async onLanguageChange(lang) {
@@ -5263,20 +4907,6 @@ var ConfigurationElement = class extends HTMLElement {
     await this.persistence.setConfig({ [RESUME_TTL_CONFIG_KEY]: safe });
     this.render();
   }
-  /** Selects the issue-tracker provider (link-only, no sync — spec 014). */
-  async onIssueTrackerProviderChange(id) {
-    this.issueTrackerProviderId = id;
-    await this.persistence.setConfig({ issueTrackerProviderId: id });
-    this.render();
-  }
-  /** Stores a provider field value, scoped to the active provider so switching keeps values. */
-  async onIssueTrackerParamChange(fieldKey, value) {
-    const providerId = this.issueTrackerProviderId;
-    const current = { ...this.issueTrackerParams[providerId] ?? {} };
-    current[fieldKey] = value;
-    this.issueTrackerParams = { ...this.issueTrackerParams, [providerId]: current };
-    await this.persistence.setConfig({ issueTrackerParams: this.issueTrackerParams });
-  }
   onResetWidgetPosition() {
     this.dispatchEvent(new CustomEvent("resetwidgetposition", { bubbles: true, composed: true }));
     showToast(this.t("CONFIG.WIDGET_POSITION_RESET_DONE"));
@@ -5293,6 +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();
@@ -5390,13 +5037,12 @@ var ConfigurationElement = class extends HTMLElement {
       smartSelectorEnabled: this.smartSelectorEnabled,
       startHidden: this.startHidden,
       resumeTtlMinutes: this.resumeTtlMinutes,
-      issueTrackerProviderId: this.issueTrackerProviderId,
-      issueTrackerParams: this.issueTrackerParams,
       isExporting: this.isExporting,
       exportMode: this.exportMode,
       exportTests: this.exportTests,
       exportSelectedIds: this.exportSelectedIds,
-      exportSelectedTags: this.exportSelectedTags
+      exportSelectedTags: this.exportSelectedTags,
+      issueTrackerConfig: this.issueTrackerConfig
     }, this.t.bind(this))}`;
     ;
     this.shadow.getElementById("lang-select").addEventListener(
@@ -5428,15 +5074,18 @@ var ConfigurationElement = class extends HTMLElement {
       "change",
       (e) => this.onSelectorStrategyChange(e.target.value)
     );
+    ;
+    this.shadow.getElementById("issue-tracker-toggle")?.addEventListener(
+      "change",
+      (e) => this.onIssueTrackerEnabledChange(e.target.checked)
+    );
     this.shadow.getElementById("issue-tracker-provider")?.addEventListener(
       "change",
       (e) => this.onIssueTrackerProviderChange(e.target.value)
     );
-    this.shadow.querySelectorAll("[data-tracker-field]").forEach(
-      (el) => el.addEventListener(
-        "change",
-        () => this.onIssueTrackerParamChange(el.dataset["trackerField"] ?? "", el.value)
-      )
+    this.shadow.getElementById("issue-tracker-base-url")?.addEventListener(
+      "change",
+      (e) => this.onIssueTrackerBaseUrlChange(e.target.value)
     );
     this.shadow.getElementById("btn-change-folder")?.addEventListener("click", () => this.changeFolder());
     this.shadow.getElementById("btn-revoke")?.addEventListener("click", () => this.revokeAccess());
@@ -6040,9 +5689,6 @@ var FILE_PREVIEW_STYLES = `
   .file-name { flex: 1; font-size: 12px; color: #8b949e;
                font-family: 'Cascadia Code', 'Fira Code', 'Consolas', monospace; }
   .body { display: flex; flex: 1; overflow: hidden; min-height: 0; }
-  /* Host for the CodeMirror editor (or the textarea fallback). */
-  .editor-host { flex: 1; min-width: 0; display: flex; flex-direction: column; overflow: hidden; }
-  .editor-host .cm-editor { flex: 1; min-height: 0; }
   .editor {
     flex: 1; min-width: 0; padding: 14px;
     background: #0d1117; color: #c9d1d9; border: none; outline: none;
@@ -6232,7 +5878,7 @@ function renderFilePreview(state, t) {
         <button id="btn-copy" title="${t("FILE_PREVIEW.COPY_TITLE")}">\u{1F4CB}</button>
       </div>
       <div class="body">
-        ${showDiff ? `<div class="diff-panel" id="diff-panel">${buildDiffHtml(originalContent ?? "", currentContent, t)}</div>` : `<div class="editor-host" id="editor-host"><textarea class="editor" id="editor" spellcheck="false">${escHtml(fileContent ?? "")}</textarea></div>`}
+        ${showDiff ? `<div class="diff-panel" id="diff-panel">${buildDiffHtml(originalContent ?? "", currentContent, t)}</div>` : `<textarea class="editor" id="editor" spellcheck="false">${escHtml(fileContent ?? "")}</textarea>`}
         ${blocksPanelHtml}
       </div>
       ${runResultHtml}
@@ -6250,7 +5896,6 @@ function renderFilePreview(state, t) {
 var FilePreviewElement = class extends HTMLElement {
   shadow;
   textarea = null;
-  editor = null;
   fileName = null;
   closeLabel = "";
   translation = translationService;
@@ -6276,29 +5921,20 @@ var FilePreviewElement = class extends HTMLElement {
     if (!this.closeLabel) this.closeLabel = this.translation.translate("FILE_PREVIEW.CLOSE_BTN");
     this.render();
   }
-  disconnectedCallback() {
-    this.editor?.destroy();
-    this.editor = null;
-  }
   t(key) {
     return this.translation.translate(key);
   }
-  /** Current editor content (CodeMirror if upgraded, else the textarea/fallback). */
-  currentValue() {
-    return this.editor?.getValue() ?? this.textarea?.value ?? this._fileContent ?? "";
-  }
   get fileContent() {
     return this._fileContent;
   }
   set fileContent(v) {
     if (this._originalContent === null) this._originalContent = v;
     this._fileContent = v;
-    if (this.editor) this.editor.setValue(v ?? "");
-    else if (this.textarea) this.textarea.value = v ?? "";
+    if (this.textarea) this.textarea.value = v ?? "";
     else this.render();
   }
   saveFile() {
-    const content = this.currentValue();
+    const content = this.textarea?.value ?? this._fileContent ?? "";
     this.dispatchEvent(new CustomEvent("save", { detail: content, bubbles: true, composed: true }));
   }
   onClose() {
@@ -6347,7 +5983,7 @@ var FilePreviewElement = class extends HTMLElement {
    * (and warns) when the file has no valid describe() block to insert into.
    */
   insertBlocks() {
-    const base = this.currentValue();
+    const base = this.textarea?.value ?? this._fileContent ?? "";
     let content = base;
     if (this.interceptorsBlock) {
       const merged = advancedTestTransformationService.insertBeforeEach(content, this.interceptorsBlock);
@@ -6367,14 +6003,12 @@ var FilePreviewElement = class extends HTMLElement {
     showToast(this.t("FILE_PREVIEW.INSERT_DONE"));
   }
   render() {
-    this.editor?.destroy();
-    this.editor = null;
     this.shadow.innerHTML = `<style>${FILE_PREVIEW_STYLES}</style>${renderFilePreview({
       fileName: this.fileName,
       showDiff: this._showDiff,
       fileContent: this._fileContent,
       originalContent: this._originalContent,
-      currentContent: this._fileContent ?? "",
+      currentContent: this.textarea?.value ?? this._fileContent ?? "",
       itBlock: this.itBlock,
       interceptorsBlock: this.interceptorsBlock,
       closeLabel: this.closeLabel,
@@ -6388,13 +6022,12 @@ var FilePreviewElement = class extends HTMLElement {
       this.textarea.addEventListener("input", () => {
         this._fileContent = ta.value;
       });
-      void this.upgradeEditor();
     }
     this.shadow.getElementById("btn-save")?.addEventListener("click", () => this.saveFile());
     this.shadow.getElementById("btn-close")?.addEventListener("click", () => this.onClose());
     this.shadow.getElementById("btn-launch")?.addEventListener("click", () => this.launchTest());
     this.shadow.getElementById("btn-copy")?.addEventListener("click", () => {
-      this.copyToClipboard(this.currentValue());
+      this.copyToClipboard(this.textarea?.value ?? this._fileContent ?? "");
     });
     this.shadow.getElementById("btn-diff")?.addEventListener("click", () => this.toggleDiff());
     this.shadow.getElementById("btn-insert")?.addEventListener("click", () => this.insertBlocks());
@@ -6405,34 +6038,6 @@ var FilePreviewElement = class extends HTMLElement {
       this.copyToClipboard(this.interceptorsBlock);
     });
   }
-  /**
-   * Lazily upgrades the textarea to a CodeMirror editor (syntax highlight +
-   * Cypress autocomplete). On any failure the textarea is left in place, so the
-   * editor degrades gracefully when CodeMirror can't load.
-   */
-  async upgradeEditor() {
-    const host = this.shadow.getElementById("editor-host");
-    const ta = this.textarea;
-    if (!host || !ta) return;
-    try {
-      const handle = await createCodeEditor({
-        parent: host,
-        root: this.shadow,
-        doc: this._fileContent ?? "",
-        onChange: (value) => {
-          this._fileContent = value;
-        }
-      });
-      if (!host.isConnected) {
-        handle.destroy();
-        return;
-      }
-      ta.remove();
-      this.textarea = null;
-      this.editor = handle;
-    } catch {
-    }
-  }
 };
 if (!customElements.get("file-preview")) {
   customElements.define("file-preview", FilePreviewElement);
@@ -6789,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;
@@ -6815,6 +6440,7 @@ var LibE2eRecorderElement = class extends HTMLElement {
   httpMonitor;
   smartSelectorEnabled = true;
   _needsRecordingRebuild = false;
+  issueTrackerConfig = { ...DEFAULT_ISSUE_TRACKER_CONFIG };
   recording;
   persistence;
   translation;
@@ -6958,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) ───────────────────────────────
   /**
@@ -7383,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: () => {
@@ -7408,19 +7040,16 @@ cypress/         <span style="color:#484f58">${this.translation.translate("RECOR
           if (!container) return;
           const child = document.createElement("save-test");
           child.translation = this.translation;
-          this.persistence.getGeneralConfig().then((config) => {
-            const providerId = config?.["issueTrackerProviderId"];
-            if (providerId) child.issueTrackerProviderId = providerId;
-          });
+          child.issueTrackerConfig = this.issueTrackerConfig;
           container.appendChild(child);
           child.addEventListener("savetest", (e) => {
             const { description, notes, tags, ticketId } = e.detail ?? {};
-            this.onSaveTest(description ?? null, tags ?? [], notes ?? "", ticketId ?? null);
+            this.onSaveTest(description ?? null, tags ?? [], notes ?? "", ticketId ?? "");
             import_sweetalert2.default.close();
           });
           child.addEventListener("saveandexport", (e) => {
             const { description, notes, tags, ticketId } = e.detail ?? {};
-            this.onSaveAndExportTest(description ?? null, tags ?? [], notes ?? "", ticketId ?? null);
+            this.onSaveAndExportTest(description ?? null, tags ?? [], notes ?? "", ticketId ?? "");
             import_sweetalert2.default.close();
           });
         },
@@ -7456,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;
@@ -7608,38 +7240,36 @@ cypress/         <span style="color:#484f58">${this.translation.translate("RECOR
     this.resizePopup();
   }
   // ── save handlers ─────────────────────────────────────────────────────────
-  async onSaveTest(description, tags = [], notes = "", ticketId = null) {
-    if (description) {
-      const fixtures = this.recording.getFixturesSnapshot();
-      await this.persistence.insertTest(description, this.cypressCommands, this.interceptors, tags, notes, ticketId ?? void 0);
-      await this.writeFixturesIfAny(fixtures);
-      this.recording.clearCommands();
-      this.clearRecordingHistory();
-      this.cypressCommands = [];
-      this.interceptors = [];
-    }
-  }
-  async onSaveAndExportTest(description, tags = [], notes = "", ticketId = null) {
-    if (description) {
-      const fixtures = this.recording.getFixturesSnapshot();
-      const id = await this.persistence.insertTest(description, this.cypressCommands, this.interceptors, tags, notes, ticketId ?? void 0);
-      await this.writeFixturesIfAny(fixtures);
-      this.recording.clearCommands();
-      this.clearRecordingHistory();
-      this.cypressCommands = [];
-      this.interceptors = [];
-      setTimeout(() => this.showAdvancedEditorDialog(id), 300);
-    }
-  }
-  /** Writes captured fixtures to cypress/fixtures and toasts the outcome (spec 012). */
-  async writeFixturesIfAny(fixtures) {
-    if (!fixtures.length) return;
-    try {
-      const n = await this.persistence.writeFixtures(fixtures);
-      showToast(`${this.translation.translate("RECORDER.FIXTURES_WRITTEN_TOAST")} (${n})`);
-    } catch {
-      showToast(this.translation.translate("RECORDER.FIXTURES_NO_FOLDER_TOAST"), false);
+  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) {
@@ -7685,26 +7315,21 @@ if (!customElements.get("lib-e2e-recorder")) {
 }
 
 // src/index.ts
-var VERSION = "0.8.0";
+var VERSION = "0.9.0";
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ACTIVE_SESSION_BREADCRUMB_KEY,
   AdvancedTestEditorElement,
   AdvancedTestTransformationService,
-  CHAIN_METHODS,
-  CYPRESS_COMPLETIONS,
-  CY_METHODS,
   ConfigurationElement,
   DB_SCHEMA,
   DB_STORE_NAMES,
-  DEFAULT_ISSUE_TRACKER_PROVIDER_ID,
   DEFAULT_RESUME_TTL_MINUTES,
   DRAG_THRESHOLD,
   FilePreviewElement,
   HelpPanelElement,
   HttpMonitor,
   INPUT_TYPES,
-  ISSUE_TRACKER_PROVIDERS,
   LIB_E2E_CYPRESS_FOR_DUMMYS_SWAL2_STYLES,
   LOCALE_BY_LANG,
   LibE2eRecorderElement,
@@ -7717,7 +7342,6 @@ var VERSION = "0.8.0";
   SelectorPickerElement,
   Subject,
   TOGGLE_MARGIN,
-  TOP_LEVEL,
   TestEditorElement,
   TestPrevisualizerElement,
   TransformationService,
@@ -7726,14 +7350,8 @@ var VERSION = "0.8.0";
   advancedTestTransformationService,
   boxOffsetForDirection,
   boxTopLeftFor,
-  buildTicketComment,
-  buildTicketUrl,
   clampTogglePosition,
-  createCodeEditor,
   defaultTogglePosition,
-  filterCompletions,
-  filterCypressCompletions,
-  findIssueTrackerProvider,
   generateAlias,
   inferAssertionCommand,
   injectStyles,
@@ -7745,7 +7363,6 @@ var VERSION = "0.8.0";
   makeSwalDraggableByContentId,
   persistenceService,
   resolveExpandDirection,
-  resolveTicketUrl,
   selectTestsForExport,
   setSwal2DataCyAttribute,
   showToast,