refactor: migrar tests E2E a persistent context

global-setup.ts:
- Usa launchPersistentContext en vez de browser.newContext()
- Reemplaza storageState por marker file para cache de sesion
- Captura logs de consola del browser para debug
- Screenshots y HTML dump en caso de error

playwright.config.ts:
- Elimina storageState (ahora via persistent context fixture)
- Screenshots siempre activas, video y trace en failures

Tests (login, assistant-bot, asistente-2):
- Importan test/expect desde persistent-context fixture
- Usan handleElementDialogs() en vez de espera manual de rooms
- Nuevo test de threads en asistente-2: verifica que el bot
  responde dentro del thread cuando se le habla por thread

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

e2e/global-setup.ts

@@ -6,14 +6,19 @@ import { loginToElement } from "./fixtures/element-auth";
 
 dotenv.config({ path: path.resolve(__dirname, ".env") });
 
-const AUTH_DIR = path.resolve(__dirname, ".auth");
-const STATE_PATH = path.join(AUTH_DIR, "state.json");
+const USER_DATA_DIR = path.resolve(__dirname, ".auth", "chrome-profile");
+const MARKER_PATH = path.resolve(__dirname, ".auth", "login-done.marker");
+const SCREENSHOTS_DIR = path.resolve(__dirname, "test-results", "global-setup");
 
 /**
- * Global setup: ejecuta login una vez y guarda storageState
- * para reutilizar en todos los tests sin repetir el login.
+ * Global setup: ejecuta login una vez usando persistent context.
  *
- * Si state.json ya existe y no esta expirado, lo reutiliza.
+ * A diferencia de storageState, el persistent context preserva IndexedDB
+ * (crypto keys de E2EE). Los tests usan el mismo userDataDir via el
+ * custom fixture persistent-context.ts.
+ *
+ * Si el marker file existe y no esta expirado, asumimos que la sesion
+ * sigue activa y saltamos el login.
  */
 async function globalSetup() {
   const elementURL = process.env.ELEMENT_URL || "http://localhost:8080";
@@ -27,20 +32,45 @@ async function globalSetup() {
     );
   }
 
-  // Reutilizar sesion cacheada si existe y tiene menos de 12 horas
-  if (isStateFresh(STATE_PATH, 12 * 60 * 60 * 1000)) {
-    console.log("[global-setup] Reutilizando sesion cacheada");
+  // Reutilizar sesion cacheada si el marker existe y tiene menos de 12 horas
+  if (isMarkerFresh(MARKER_PATH, 12 * 60 * 60 * 1000)) {
+    console.log("[global-setup] Reutilizando sesion de persistent context");
     return;
   }
 
-  console.log("[global-setup] Ejecutando login en Element Web...");
+  console.log("[global-setup] Ejecutando login en Element Web con persistent context...");
+  console.log(`[global-setup] URL: ${elementURL}`);
+  console.log(`[global-setup] User: ${user}`);
+  console.log(`[global-setup] UserDataDir: ${USER_DATA_DIR}`);
 
-  // Asegurar que el directorio .auth existe
-  fs.mkdirSync(AUTH_DIR, { recursive: true });
+  // Limpiar perfil anterior para login fresco
+  if (fs.existsSync(USER_DATA_DIR)) {
+    fs.rmSync(USER_DATA_DIR, { recursive: true });
+    console.log("[global-setup] Perfil anterior eliminado");
+  }
 
-  const browser = await chromium.launch();
-  const context = await browser.newContext();
-  const page = await context.newPage();
+  // Asegurar que los directorios existen
+  fs.mkdirSync(USER_DATA_DIR, { recursive: true });
+  fs.mkdirSync(SCREENSHOTS_DIR, { recursive: true });
+
+  // Usar persistent context — preserva IndexedDB (crypto keys E2EE)
+  const context = await chromium.launchPersistentContext(USER_DATA_DIR, {
+    headless: true,
+    viewport: { width: 1280, height: 720 },
+  });
+
+  const page = context.pages()[0] || (await context.newPage());
+
+  // Capturar logs de consola del browser
+  page.on("console", (msg) => {
+    const type = msg.type();
+    if (type === "error" || type === "warning") {
+      console.log(`[browser-${type}] ${msg.text()}`);
+    }
+  });
+  page.on("pageerror", (err) => {
+    console.error(`[browser-error] ${err.message}`);
+  });
 
   try {
     await loginToElement(page, {
@@ -48,17 +78,36 @@ async function globalSetup() {
       user,
       password,
       recoveryKey,
+      screenshotsDir: SCREENSHOTS_DIR,
     });
 
-    await context.storageState({ path: STATE_PATH });
-    console.log("[global-setup] Sesion guardada en", STATE_PATH);
+    // Crear marker de sesion exitosa
+    fs.writeFileSync(MARKER_PATH, new Date().toISOString());
+    console.log("[global-setup] Login completado, marker creado");
+
+    await page.screenshot({
+      path: path.join(SCREENSHOTS_DIR, "05-login-complete.png"),
+      fullPage: true,
+    });
+  } catch (err) {
+    console.error("[global-setup] ERROR durante login:", err);
+    await page.screenshot({
+      path: path.join(SCREENSHOTS_DIR, "ERROR-login-failed.png"),
+      fullPage: true,
+    });
+    const html = await page.content();
+    fs.writeFileSync(
+      path.join(SCREENSHOTS_DIR, "ERROR-page-content.html"),
+      html
+    );
+    throw err;
   } finally {
-    await browser.close();
+    await context.close();
   }
 }
 
-/** Verifica si el archivo de estado existe y tiene menos de maxAge ms. */
-function isStateFresh(filePath: string, maxAge: number): boolean {
+/** Verifica si el marker file existe y tiene menos de maxAge ms. */
+function isMarkerFresh(filePath: string, maxAge: number): boolean {
   try {
     const stat = fs.statSync(filePath);
     return Date.now() - stat.mtimeMs < maxAge;