@arcadialdev/arcality 2.4.33 → 2.4.35

package/.agent/skills/form-expert.md

@@ -45,7 +45,10 @@ Ejecuta las acciones planificadas:
 
 1. **Llena múltiples campos por turno** — No pierdas un turno por campo. Agrupa 3-5 fills en una sola llamada a `perform_ui_actions`.
 2. **Para cada campo fill**: click + fill (en ese orden). El click asegura que el campo tiene focus.
-3. **Para dropdowns/selects**: Click para abrir → espera el siguiente turno → selecciona la opción.
+3. **Para dropdowns/selects** — Protocolo de Re-render:
+   - **Turno A**: Click para abrir el dropdown, espera el siguiente turno para ver las opciones.
+   - **Turno B**: Click en la opción deseada. ¡PRECAUCIÓN DE SEGURIDAD DOM! Si el formulario requiere llenar más campos después de seleccionar (ej. se habilitan nuevos inputs), **DETENTE AQUÍ**. NO agrupes el select con los siguientes fills en el mismo turno, porque React re-redenrizará el DOM y tus IDs se romperán. Espera al Turno C para seguir llenando.
+   - Si la selección del dropdown era el *último* paso, Y YA NO HAY MÁS campos que llenar, SÍ puedes hacer click en `Siguiente`/`Guardar` en ese mismo turno.
 4. **Si un fill falla**: NO reintentes inmediatamente. Usa `inspect_element_details` para ver si el campo es un select, un datepicker, o tiene un overlay encima.
 
 ### Fase 4: VERIFICACIÓN (Verify)

package/README.md

@@ -55,6 +55,20 @@ npm run arcality:run
 
 ---
 
+## 💻 CLI Commands Cheatsheet
+
+The Arcality flow is designed to be used globally or project-wide via \`npx\`. Below are all currently supported commands:
+
+| Command | Description | Internal Behavior |
+| :--- | :--- | :--- |
+| \`npx arcality\` | **Interactive Menu**<br/>Launches a visual menu in the terminal to guide the user. | Prompts for the Mission to execute. Ideal for new users who want a guided experience. |
+| \`npx arcality init\` | **Initial Configuration**<br/>Connects the current project to Arcality Cloud. | Prompts for your API Key and Project ID, generates \`arcality.config.json\`, and validates the ADO / Portal connection. |
+| \`npx arcality setup\` | **Dependency Setup**<br/>Downloads browser binaries. | Silently executes the installation of internal Playwright browsers (Chromium) ensuring the local machine can run tests. |
+| \`npx arcality run\` | **Mission Runner (Agent Mode)**<br/>Launches the QA Agent directly. | Skips the interactive menu, scans the _package.json_ ("Ghost Mode"), injects ephemeral _autoskills_, and unleashes the AI agent. Ideal for CI/CD. |
+| \`npx arcality --logs\` | **History Viewer**<br/>Displays test performance and tokens spent. | Reads the local \`arcality-history.log\` and renders a colorful table listing each mission, token consumption, and success status. |
+
+---
+
 ## 🛠️ Internal Architecture
 
 Arcality operates on a highly decoupled modular system designed for maximum resilience:

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arcadialdev/arcality",
-  "version": "2.4.33",
+  "version": "2.4.35",
   "description": "AI-powered QA testing tool — Autonomous web testing agent by Arcadial",
   "main": "index.js",
   "scripts": {

package/scripts/arcality-logs.mjs

@@ -8,15 +8,32 @@ const __filename = fileURLToPath(import.meta.url);
 const __dirname = path.dirname(__filename);
 const PROJECT_ROOT = process.env.ARCALITY_ROOT || path.join(__dirname, "..");
 
-const contextDir = path.join(process.cwd(), "out");
-const centralLog = path.join(contextDir, "arcality-history.log");
+const rootOutDir = path.join(process.cwd(), ".arcality", "out");
+
+// Buscar el archivo arcality-history.log recursivamente (o tomar el más reciente si hay varios reportes)
+let centralLog = null;
+const findLogRecursively = (dir) => {
+    if (!fs.existsSync(dir)) return;
+    const files = fs.readdirSync(dir);
+    for (const file of files) {
+        const fullPath = path.join(dir, file);
+        if (fs.statSync(fullPath).isDirectory()) {
+            findLogRecursively(fullPath);
+        } else if (file === "arcality-history.log") {
+            // Guardamos el primero que encontremos, asumiendo que es el contexto activo
+            if (!centralLog) centralLog = fullPath;
+        }
+    }
+};
+
+findLogRecursively(rootOutDir);
 
 console.log(chalk.cyan(`\n🔍 Arcality Logs Viewer`));
 console.log(chalk.gray(`=========================\n`));
 
-if (!fs.existsSync(centralLog)) {
+if (!centralLog || !fs.existsSync(centralLog)) {
     console.log(chalk.yellow(`No se encontró un historial de logs en este proyecto.`));
-    console.log(chalk.gray(`(Directorio actual: ${contextDir})\n`));
+    console.log(chalk.gray(`(Directorio buscado: ${rootOutDir})\n`));
     console.log(`Ejecuta algunas misiones de prueba primero usando el comando arcality.\n`);
     process.exit(0);
 }

package/scripts/gen-and-run.mjs

@@ -850,7 +850,8 @@ async function main() {
                         const missionsDir = process.env.MISSIONS_DIR;
                         const yamlPathMissions = path.join(missionsDir, `${safeName}.yaml`);
 
-                        let yamlData = `name: "${name}"\nprompt: "${prompt}"\nproject: "${projectConfig?.project?.name || 'Default'}"\ncreated_at: "${new Date().toISOString()}"\n`;
+                        const safeProjectName = projectConfig?.project?.name || 'Default';
+                        let yamlData = `name: ${JSON.stringify(name)}\nprompt: ${JSON.stringify(prompt)}\nproject: ${JSON.stringify(safeProjectName)}\ncreated_at: ${JSON.stringify(new Date().toISOString())}\n`;
 
                         const smartYamlPath = path.join(process.env.CONTEXT_DIR, 'last-mission-smart.yaml');
                         if (fs.existsSync(smartYamlPath)) {

package/scripts/init.mjs

@@ -185,21 +185,31 @@ async function main() {
     });
     if (isCancel(baseUrl)) { cancel('Setup cancelled.'); process.exit(0); }
 
-    const username = await text({
-        message: chalk.cyan('👤 Login username / email:'),
-        validate: (v) => {
-            if (!v || !v.trim()) return 'Username is required.';
-        },
+    const hasLogin = await confirm({
+        message: chalk.cyan('🔐 Does your application require a Login/Authentication?'),
     });
-    if (isCancel(username)) { cancel('Setup cancelled.'); process.exit(0); }
+    if (isCancel(hasLogin)) { cancel('Setup cancelled.'); process.exit(0); }
 
-    const password = await passwordPrompt({
-        message: chalk.cyan('🔒 Login password:'),
-        validate: (v) => {
-            if (!v || !v.length) return 'Password is required.';
-        },
-    });
-    if (isCancel(password)) { cancel('Setup cancelled.'); process.exit(0); }
+    let username = '';
+    let password = '';
+
+    if (hasLogin) {
+        username = await text({
+            message: chalk.cyan('👤 Login username / email:'),
+            validate: (v) => {
+                if (!v || !v.trim()) return 'Username is required.';
+            },
+        });
+        if (isCancel(username)) { cancel('Setup cancelled.'); process.exit(0); }
+
+        password = await passwordPrompt({
+            message: chalk.cyan('🔒 Login password:'),
+            validate: (v) => {
+                if (!v || !v.length) return 'Password is required.';
+            },
+        });
+        if (isCancel(password)) { cancel('Setup cancelled.'); process.exit(0); }
+    }
 
     // ── Step 4: Detect framework ──
     const frameworkDetected = detectFramework(projectRoot);
@@ -271,6 +281,39 @@ async function main() {
 
     saveProjectConfig(config, projectRoot);
 
+    // ── Step 7: Custom QA Context ──
+    const wantsContext = await confirm({
+        message: chalk.cyan('📄 Do you want to generate a local QA Context file (.arcality/qa-context.md) to teach the AI specific business rules?'),
+    });
+    
+    if (!isCancel(wantsContext) && wantsContext) {
+        const arcalityDir = path.join(projectRoot, '.arcality');
+        if (!fs.existsSync(arcalityDir)) {
+            fs.mkdirSync(arcalityDir, { recursive: true });
+        }
+        
+        const qaContextPath = path.join(arcalityDir, 'qa-context.md');
+        const qaTemplate = `# 🧠 Arcality QA Context
+Este archivo es leído automáticamente por tu Agente Arcality antes de cada misión.
+Siéntete libre de borrar, modificar o agregar información para enseñarle a la IA las reglas exclusivas de tu sitio web.
+
+## 💼 Reglas Generales del Dominio
+> (Ejemplo: Formatos de documentos, restricciones, etc.)
+- 
+
+## 🧭 Navegación y UI Especial
+> (Ejemplo: Tiempos de espera, clics dobles necesarios, etc.)
+- 
+
+## 🛑 Casos Prohibidos y Anti-patrones
+> (Cosas que el agente NUNCA debe intentar)
+- 
+`;
+        if (!fs.existsSync(qaContextPath)) {
+            fs.writeFileSync(qaContextPath, qaTemplate);
+        }
+    }
+
     // ── Summary ──
     note(
         chalk.green('✅ arcality.config created successfully!') + '\n\n' +

package/tests/_helpers/agentic-runner.bundle.spec.js

@@ -1130,8 +1130,9 @@ ${relevantFailures.map((m) => `- ${m.prompt}`).join("\n")}
       const fs3 = require("fs");
       const path3 = require("path");
       const memoryFile = path3.join(this.contextDir, "memoria-agente.json");
-      if (!fs3.existsSync(memoryFile))
+      if (!fs3.existsSync(memoryFile)) {
         return null;
+      }
       const memories = JSON.parse(fs3.readFileSync(memoryFile, "utf8"));
       const state = await this.getPageState();
       const currentUrl = this.page.url();
@@ -1165,11 +1166,13 @@ ${relevantFailures.map((m) => `- ${m.prompt}`).join("\n")}
       const matchingRun = memories.filter((m) => m.success && m.steps_data && m.steps_data[historyLength]).reverse().find((m) => {
         const memPrompt = (m.prompt || "").toLowerCase();
         const currentPrompt = prompt.toLowerCase();
-        const words = currentPrompt.split(" ").filter((w) => w.length > 3);
+        const stripDynamic = (s) => s.replace(/\d{4,}/g, "").replace(/[A-Z_]{3,}\d+/g, "").replace(/\s+/g, " ").trim();
+        const words = stripDynamic(currentPrompt).split(" ").filter((w) => w.length > 3);
         if (words.length === 0)
           return false;
-        const matches = words.filter((w) => memPrompt.includes(w)).length;
-        if (matches / words.length < 0.7)
+        const matches = words.filter((w) => stripDynamic(memPrompt).includes(w)).length;
+        const matchRatio = matches / words.length;
+        if (matchRatio < 0.6)
           return false;
         const memVerbs = ["elimina", "borra", "quita", "delete", "remove", "crea", "nueva", "a\xF1ade", "add", "create", "new", "edita", "modifica", "cambia", "edit", "update"].filter((v) => memPrompt.includes(v));
         const hasSharedVerb = currentVerbs.some((cv) => memVerbs.includes(cv));
@@ -1188,38 +1191,32 @@ ${relevantFailures.map((m) => `- ${m.prompt}`).join("\n")}
         const memStep = m.steps_data[historyLength];
         if (!memStep)
           return false;
-        const normalizeUrl = (u) => u.replace(/\/[a-z]{2}-[A-Z]{2}\//g, "/{locale}/").replace(/\/[a-z]{2}\//g, "/{lang}/");
-        const memUrl = normalizeUrl((memStep.url || "").split("?")[0]);
-        const currUrl = normalizeUrl(currentUrl.split("?")[0]);
-        if (memUrl !== currUrl)
-          return false;
+        const normalizeUrl = (u) => u.replace(/\/[a-z]{2}-[A-Z]{2}\//g, "/{locale}/").replace(/\/[a-z]{2}\//g, "/{lang}/").replace(/\/[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}/g, "/{uuid}").replace(/\/\d+/g, "/{id}");
+        const memUrl = normalizeUrl((memStep.urlBeforeAction || memStep.url || "").split("?")[0]);
+        const currUrl = normalizeUrl(this.page.url().split("?")[0]);
+        const sameUrlContext = currUrl === memUrl || memUrl.includes("/new") && currUrl.includes("/new") || memUrl.includes("/edit") && currUrl.includes("/edit") || memUrl.includes("/create") && currUrl.includes("/create");
+        return sameUrlContext;
+      });
+      if (matchingRun) {
+        const memStep = matchingRun.steps_data[historyLength];
         const foundComponent = state.components.find((c) => {
           const cleanMemName = (memStep.componentName || "").replace(/\[.*?\]/g, "").replace(/\(.*?\)/g, "").trim().toLowerCase();
           const cleanCurrName = (c.name || "").replace(/\[.*?\]/g, "").replace(/\(.*?\)/g, "").trim().toLowerCase();
-          return c.selector === memStep.selector || cleanMemName !== "" && (cleanMemName === cleanCurrName || cleanCurrName.includes(cleanMemName));
+          return c.selector === memStep.action_data?.selector || cleanMemName !== "" && (cleanMemName === cleanCurrName || cleanCurrName.includes(cleanMemName));
         });
-        return !!foundComponent;
-      });
-      if (matchingRun) {
-        const memStep = matchingRun.steps_data[historyLength];
-        const memCompName = memStep.componentName || "";
-        if (memCompName.length > 80) {
-          console.log(`>>ARCALITY_STATUS>> \u26A0\uFE0F Gu\xEDa rechazada: Nombre de componente demasiado largo (${memCompName.length} chars). Delegando a IA.`);
+        if (!foundComponent && memStep.action_data?.action !== "wait") {
+          console.log(`>>ARCALITY_STATUS>> \u23F3 Componente target no visible ("${memStep.componentName}"). Forzando espera de transici\xF3n DOM...`);
+          console.log(`>>ARCALITY_STATUS>> \u{1F50D} Descartado (Componente visual no encontrado: ${memStep.componentName})`);
           return null;
         }
-        if (memCompName.includes("[INFERRED]")) {
-          console.log(`>>ARCALITY_STATUS>> \u26A0\uFE0F Gu\xEDa rechazada: Componente con nombre inferido "${memCompName}". Delegando a IA.`);
+        const memCompName = memStep.componentName || "";
+        if (memCompName.length > 80) {
+          console.log(`>>ARCALITY_STATUS>> \u{1F50D} Descartado (Mensaje enorme o nombre inconsistente: ${memCompName.substring(0, 20)}...)`);
           return null;
         }
         if (!memCompName || memCompName.length < 3) {
-          console.log(`>>ARCALITY_STATUS>> \u26A0\uFE0F Gu\xEDa rechazada: Componente sin nombre claro. Delegando a IA.`);
           return null;
         }
-        const foundComponent = state.components.find((c) => {
-          const cleanMemName = (memStep.componentName || "").replace(/\[.*?\]/g, "").replace(/\(.*?\)/g, "").trim().toLowerCase();
-          const cleanCurrName = (c.name || "").replace(/\[.*?\]/g, "").replace(/\(.*?\)/g, "").trim().toLowerCase();
-          return c.selector === memStep.selector || cleanMemName !== "" && (cleanMemName === cleanCurrName || cleanCurrName.includes(cleanMemName));
-        });
         if (foundComponent) {
           return {
             thought: `[GU\xCDA DE \xC9XITO] Reutilizando paso maestro aprendido: ${memStep.action_data.action} en ${foundComponent.name}`,
@@ -1375,12 +1372,20 @@ ${relevantFailures.map((m) => `- ${m.prompt}`).join("\n")}
     } catch (e) {
       console.log(`>>ARCALITY_STATUS>> \u26A0\uFE0F Error en hook de contexto: ${e.message}`);
     }
-    let autoskillsContext = "";
+    let customUserContext = "";
     try {
+      const fs3 = require("fs");
       const path3 = require("path");
-      const toolsRoot = process.env.ARCALITY_ROOT || path3.join(__dirname, "..", "..");
-      const { detectAndFetchEphemeralSkills } = require(path3.join(toolsRoot, "src", "services", "autoskillsService"));
-      autoskillsContext = await detectAndFetchEphemeralSkills(process.cwd());
+      const customContextPath = path3.join(process.cwd(), ".arcality", "qa-context.md");
+      if (fs3.existsSync(customContextPath)) {
+        const content = fs3.readFileSync(customContextPath, "utf8");
+        customUserContext = `
+<CUSTOMER_BUSINESS_RULES>
+El Ing. de QA o Cliente final ha provisto las siguientes reglas estrictas para este negocio/dominio. DEBES priorizar esta informaci\xF3n sobre todas tus skills base:
+${content}
+</CUSTOMER_BUSINESS_RULES>
+`;
+      }
     } catch (e) {
     }
     const systemPromptBlocks = [
@@ -1394,7 +1399,7 @@ ${prompt}
 
 ${projectInfo}
 ${skillsContext}
-${autoskillsContext}
+${customUserContext}
 ${memoryContext}
 ${credentialsContext}
 ${memoryBackendContext}`
@@ -1421,7 +1426,11 @@ Every turn, you MUST follow these 4 phases:
 ## Phase 3: ACT
 - Execute your planned actions using \`perform_ui_actions\`.
 - Group multiple related actions in one call (e.g., click+fill for 3 fields = 6 actions in one call).
-- For dropdowns/selects: Click to open \u2192 WAIT for next turn to see options \u2192 Select.
+- For dropdowns/selects (MANDATORY PROTOCOL \u2014 complete in 2 turns MAX):
+  1. **Turn A**: Click the dropdown trigger to open it, then WAIT to see options.
+  2. **Turn B**: Click the desired option AND immediately click the next logical button (e.g., \`Siguiente\`, \`Guardar\`) in the SAME action call. DO NOT wait another turn just to verify.
+  - If the field still shows a validation error after you clicked Siguiente: use \`inspect_element_details\` on the field ONCE. If selector works, try clicking the field and pressing Tab. Then click Siguiente again.
+  - **STRICTLY FORBIDDEN**: Sending Escape repeatedly without clicking Siguiente. If you sent Escape once and the dropdown is still visible, click OUTSIDE the dropdown or click Siguiente directly \u2014 the form validation will confirm the selection.
 - For menus: Click menu icon \u2192 WAIT for next turn \u2192 Click option.
 
 ## Phase 4: VERIFY
@@ -1447,7 +1456,8 @@ These are NOT optional. You MUST use these tools in these situations:
 | Modal/popup blocking page | \`send_keyboard_event\` (Escape) | To close the overlay |
 | Time/Date/Color picker field | \`interact_native_control\` | INSTEAD of fill \u2014 native inputs need special handling |
 | Element not found on screen | \`scroll_page\` | To reveal off-screen content |
-| Need to close dropdown/menu | \`send_keyboard_event\` (Escape) | After inspecting options |
+| Need to close dropdown/menu | \`send_keyboard_event\` (Escape) | IMMEDIATELY after selecting any option \u2014 MANDATORY |
+| Dropdown selected but still visually open | \`send_keyboard_event\` (Tab) | If Escape did not close it \u2014 force field to lose focus |
 | Navigate between form sections | \`send_keyboard_event\` (Tab) | To move focus between fields |
 
 # CRITICAL RULES
@@ -1456,7 +1466,12 @@ These are NOT optional. You MUST use these tools in these situations:
 
 3. **CURRENT STATE > MEMORY**: What you see in CURRENT COMPONENTS is the truth. SUCCESS MEMORY is a guide, not gospel.
 4. **PAGE TRANSITIONS**: If URL contains '/edit' or you see a 'Save' button, you ARE in the edit view. Don't go back.
-5. **MENUS & DROPDOWNS**: After clicking a toggle/menu, WAIT for the next turn. Never click the same menu icon twice in a row.
+5. **MENUS & DROPDOWNS**:
+   - After clicking a toggle/menu, WAIT for the next turn to see options. Never click the same menu icon twice in a row.
+   - **DROPDOWN COMPLETION RULE (CRITICAL)**: After clicking an option in a dropdown ('[li]', '[option]'), IF the form requires you to fill MORE subsequent fields in the same section, STOP YOUR TURN AFTER SELECTING the option! Do NOT group the select action with filling the next fields. React/Next.js will re-render the DOM, detaching your cached 'idx' references causing 10000ms timeouts. Wait for the next turn to fill the next fields.
+   - If the dropdown selection was the LAST step in the form, you CAN immediately click Siguiente/Guardar in the same turn.
+   - **ESCAPE RULE**: You may send Escape ONCE after selecting to help close the dropdown. If you already sent Escape and the form still shows the same state, DO NOT send Escape again. Click \`Siguiente\` or \`Guardar\` directly to proceed.
+   - **VALIDATION ERRORS**: If Siguiente reports a validation error on a dropdown field, THEN use \`inspect_element_details\` to understand the field's selector and interact with it precisely. Not before.
 6. **ERROR HANDLING**: If you see '\u{1F6D1} [ERROR_CR\xCDTICO]', STOP everything. Analyze the error, fix the data, then retry.
 6b. **DUPLICATE / REPEATED VALUE ERROR \u2014 MANDATORY PROTOCOL**:
    - If HISTORY contains a line with "ERROR VISIBLE EN PANTALLA" or "ERROR POST-GUARDADO" with words like "repetido", "duplicado", "ya existe", or "already exists":
@@ -2452,7 +2467,7 @@ function captureValidationRule(errorMessage, context) {
   const urlHistory = [];
   const stepsData = [];
   const successKeywords = /exitosamente|creado correctamente|guardado correctamente|misión cumplida|registered successfully|created successfully|saved successfully|operación exitosa|registro guardado|successfully|correctly/i;
-  const failureKeywords = /\berror\b|falló|failed|no se puede|cannot|unable|ya existe|already exists|inválido|invalid|incorrecto|incorrect|ligado|linked|depende|depends|duplicado|duplicate|repetido|repeated|reintentar|retry|missing|required|obligatorio|bad request|400|500/i;
+  const failureKeywords = /\berror\b|falló|failed|no se puede|cannot|unable|ya existe|already exists|existente|exist|inválido|invalid|incorrecto|incorrect|ligado|linked|depende|depends|duplicado|duplicate|repetido|repeated|conflict|reintentar|retry|missing|required|obligatorio|bad request|400|500/i;
   let aiMarkedSuccess = false;
   let hasCriticalError = false;
   let resultsSaved = false;
@@ -2684,14 +2699,25 @@ function captureValidationRule(errorMessage, context) {
         }
       }
     }
-    const rawBody = await page.innerText("body").catch(() => "");
-    const bodyTxt = rawBody.toLowerCase();
-    const hasVisibleError = failureKeywords.test(bodyTxt);
+    let hasVisibleError = false;
+    try {
+      const errorEls = await page.locator('.toast, .alert, [role="alert"], [role="status"], .snackbar, .notification, .error-message').all();
+      for (const el of errorEls) {
+        if (await el.isVisible().catch(() => false)) {
+          const errTxt = await el.innerText().catch(() => "");
+          if (errTxt && failureKeywords.test(errTxt.toLowerCase())) {
+            hasVisibleError = true;
+            break;
+          }
+        }
+      }
+    } catch {
+    }
     let response = null;
     if (!hasVisibleError) {
       response = await agent.getActionFromGuia(prompt, stepsData.length);
     } else {
-      console.log(`>>ARCALITY_STATUS>> \u26A0\uFE0F Error detectado en pantalla. Saltando Gu\xEDa para priorizar correcci\xF3n.`);
+      console.log(`>>ARCALITY_STATUS>> \u26A0\uFE0F Error real detectado en pantalla. Saltando Gu\xEDa.`);
       if (stepsData.length > 0) {
         stepsDataBackup = [...stepsData];
         stepsData.length = 0;
@@ -2789,7 +2815,8 @@ function captureValidationRule(errorMessage, context) {
     }
     if (response.actions && response.actions.length > 0) {
       for (const step of response.actions) {
-        console.log(`>>ARCALITY_STATUS>> \u{1F3AF} Acci\xF3n: ${step.action} en "${step.description || step.selector}"`);
+        console.log(`
+\u{1F449} Acci\xF3n: ${step.action} en "${step.description || step.selector}" ${step.value ? `(Valor: "${step.value}")` : ""}`);
         try {
           const frame = step.frameIdx !== void 0 && page.frames()[step.frameIdx] ? page.frames()[step.frameIdx] : page;
           const loc = step.selector ? frame.locator(step.selector).first() : null;
@@ -3060,6 +3087,7 @@ function captureValidationRule(errorMessage, context) {
               stepsDataBackup = [...stepsData];
               stepsData.length = 0;
             }
+            history.push(`Turno ${stepCount}: \u{1F6D1} [ERROR_CR\xCDTICO] Feedback de validaci\xF3n/error visible en UI: "${rawTxt.trim()}"`);
           } else if (successKeywords.test(txt)) {
             if (txt !== lastSeenSuccessToast) {
               console.log(`>>ARCALITY_STATUS>> \u2728 \xC9xito visual detectado: "${txt.substring(0, 50)}..."`);

package/src/services/autoskillsService.ts

@@ -1,61 +0,0 @@
-import fs from 'fs';
-import path from 'path';
-
-// Mapeo curado de tecnologías clave a sus skills de pruebas/qa/patrones de autoskills.sh
-// Son recursos muy ligeros en formato Markdown
-const SKILLS_MAP: Record<string, string> = {
-    'next': 'https://skills.sh/vercel-labs/next-skills/next-best-practices/raw',
-    'vue': 'https://skills.sh/antfu/skills/vue-best-practices/raw',
-    'tailwindcss': 'https://skills.sh/giuseppe-trisciuoglio/developer-kit/tailwind-css-patterns/raw',
-    'react': 'https://skills.sh/vercel-labs/agent-skills/vercel-react-best-practices/raw',
-    'angular': 'https://skills.sh/angular/skills/angular-developer/raw',
-    'nuxt': 'https://skills.sh/antfu/skills/nuxt/raw',
-    'svelte': 'https://skills.sh/ejirocodes/agent-skills/svelte5-best-practices/raw',
-    'astro': 'https://skills.sh/astrolicious/agent-skills/astro/raw',
-    'prisma': 'https://skills.sh/prisma/skills/prisma-postgres/raw'
-};
-
-export async function detectAndFetchEphemeralSkills(projectRoot: string): Promise<string> {
-    const pkgPath = path.join(projectRoot, 'package.json');
-    if (!fs.existsSync(pkgPath)) return '';
-
-    try {
-        const pkg = JSON.parse(fs.readFileSync(pkgPath, 'utf8'));
-        const deps = { ...(pkg.dependencies || {}), ...(pkg.devDependencies || {}) };
-        
-        const matchedUrls: string[] = [];
-        const matchedTechs: string[] = [];
-
-        for (const [lib, url] of Object.entries(SKILLS_MAP)) {
-            // Buscamos coincidencia parcial (ej. si usan @angular/core, next, react-dom)
-            const hasLib = Object.keys(deps).some(dep => dep === lib || dep.includes(`/${lib}`));
-            if (hasLib) {
-                 matchedUrls.push(url);
-                 matchedTechs.push(lib);
-            }
-        }
-
-        if (matchedUrls.length === 0) return '';
-
-        console.log(`>>ARCALITY_STATUS>> ⚡ Stack detectado (${matchedTechs.join(', ')}). QA Skills inyectadas en memoria.`);
-
-        // Fetch strings in parallel with simple timeout
-        const skillsPromises = matchedUrls.map(url => {
-            const controller = new AbortController();
-            const id = setTimeout(() => controller.abort(), 2000); // Max 2s per request
-            return fetch(url, { signal: controller.signal })
-                .then(r => r.ok ? r.text() : '')
-                .catch(() => '')
-                .finally(() => clearTimeout(id));
-        });
-
-        const skillsTexts = await Promise.all(skillsPromises);
-        
-        const validTexts = skillsTexts.filter(Boolean);
-        if (validTexts.length === 0) return '';
-
-        return `\n<TECH_STACK_CONTEXT>\nEl proyecto objetivo utiliza las siguientes tecnologías. Usa estas directrices técnicas para entender el DOM, rutas y posibles bugs visuales:\n\n${validTexts.join('\n\n---\n\n')}\n</TECH_STACK_CONTEXT>\n`;
-    } catch {
-       return ''; // Fails silently
-    }
-}