Antes de meterle a sprint 1 etapa 4 y 5

tests/e2e/screenshots-etapa-1.spec.ts

@@ -0,0 +1,65 @@
+/**
+ * Screenshots de validación visual — Etapa 1 Sprint 1.5.
+ *
+ * Captura 3 vistas que muestran la identidad InQ aplicada:
+ *  1. workspace.png   — CTAs naranjas, Simular button, tabs
+ *  2. report-tabs.png — tab activo naranja en el reporte
+ *  3. switch-on.png   — switch de automatización en estado ON naranja
+ *
+ * Estos screenshots son evidencia de que el cambio de --primary a naranja
+ * se ve correctamente en la aplicación real.
+ */
+import { test } from '@playwright/test'
+import { resolve } from 'path'
+import { mkdirSync } from 'fs'
+import { fileURLToPath } from 'url'
+
+const __dirname = fileURLToPath(new URL('.', import.meta.url))
+const BPMN_DIR = resolve(__dirname, '../../public/sample-processes')
+const OUT_DIR = resolve(__dirname, '../screenshots/etapa-1')
+
+test.beforeAll(() => { mkdirSync(OUT_DIR, { recursive: true }) })
+
+test('screenshot workspace — CTAs naranjas visibles', async ({ page }) => {
+  await page.goto('/')
+  await page.locator('#bpmn-file-input').setInputFiles(resolve(BPMN_DIR, 'simple-linear.bpmn'))
+  await page.waitForURL(/\/workspace\//, { timeout: 15_000 })
+  await page.waitForSelector('button:has-text("Simular")', { timeout: 10_000 })
+  await page.waitForTimeout(1_000)
+
+  await page.screenshot({ path: resolve(OUT_DIR, 'workspace.png'), fullPage: false })
+})
+
+test('screenshot switch ON — switch de automatización naranja', async ({ page }) => {
+  await page.goto('/')
+  await page.locator('#bpmn-file-input').setInputFiles(resolve(BPMN_DIR, 'simple-linear.bpmn'))
+  await page.waitForURL(/\/workspace\//, { timeout: 15_000 })
+  await page.waitForSelector('button:has-text("Simular")', { timeout: 10_000 })
+  await page.waitForTimeout(1_500)
+
+  // Hacer click en el primer task del BPMN para abrir el ActivityPanel
+  await page.locator('[data-element-id="task1"]').first().click()
+  await page.waitForTimeout(500)
+
+  // Encender el switch de automatización
+  const toggle = page.getByRole('switch', { name: /automatizable/i })
+  await toggle.click()
+  await page.waitForTimeout(300)
+
+  await page.screenshot({ path: resolve(OUT_DIR, 'switch-on.png'), fullPage: false })
+})
+
+test('screenshot report-tabs — tab activo naranja', async ({ page }) => {
+  await page.goto('/')
+  await page.locator('#bpmn-file-input').setInputFiles(resolve(BPMN_DIR, 'medium-with-gateways.bpmn'))
+  await page.waitForURL(/\/workspace\//, { timeout: 15_000 })
+  await page.waitForSelector('button:has-text("Simular")', { timeout: 10_000 })
+  await page.waitForTimeout(1_500)
+
+  const simBtn = page.getByRole('button', { name: 'Simular' })
+  await simBtn.click()
+  await page.waitForURL(/\/report\//, { timeout: 20_000 })
+  await page.waitForSelector('button:has-text("Exportar PDF")', { timeout: 20_000 })
+
+  await page.screenshot({ path: resolve(OUT_DIR, 'report-tabs.png'), fullPage: false })
+})