@testivai/witness-playwright 1.9.0 → 2.0.1

package/README.md

@@ -113,6 +113,6 @@ MIT
 
 ## Support
 
-- Documentation: https://github.com/mcbuddy/testivai-oss/tree/main/packages/playwright
-- Issues: https://github.com/mcbuddy/testivai-oss/issues
+- Documentation: https://github.com/testivai/testivai-oss/tree/main/packages/playwright
+- Issues: https://github.com/testivai/testivai-oss/issues
 - Website: https://testiv.ai

package/dist/config/ignore-selectors.d.ts

@@ -14,7 +14,7 @@
  * These functions are pure (no Playwright dependency) so they can be
  * exercised in plain Jest unit tests without a browser.
  */
-import { TestivAIConfig, TestivAIProjectConfig, IgnoreMode, IgnoreSelectorInput } from '../types';
+import type { TestivAIConfig, TestivAIProjectConfig, IgnoreMode, IgnoreSelectorInput } from '../types';
 /** A fully-resolved ignore entry with an explicit mode. */
 export interface IgnoreRule {
     selector: string;

package/dist/config/loader.d.ts

@@ -1,4 +1,4 @@
-import { TestivAIProjectConfig, TestivAIConfig } from '../types';
+import type { TestivAIProjectConfig, TestivAIConfig } from '../types';
 /**
  * Load TestivAI configuration from file system
  * Supports both .ts and .js config files
@@ -7,23 +7,10 @@ import { TestivAIProjectConfig, TestivAIConfig } from '../types';
  */
 export declare function loadConfig(): Promise<TestivAIProjectConfig>;
 /**
- * Merge per-test configuration with project configuration
+ * Merge per-snapshot configuration with project configuration
  *
  * @param projectConfig The project-level configuration
- * @param testConfig Optional per-test configuration overrides
- * @returns TestivAIConfig The effective configuration for this test
+ * @param testConfig Optional per-snapshot configuration overrides
+ * @returns TestivAIConfig The effective configuration for this snapshot
  */
-export declare function mergeTestConfig(projectConfig: TestivAIProjectConfig, testConfig?: TestivAIConfig): TestivAIConfig;
-/**
- * Detect current environment (CI, development, production)
- *
- * @returns string The detected environment
- */
-export declare function detectEnvironment(): string;
-/**
- * Apply environment-specific overrides to configuration
- *
- * @param config The base configuration
- * @returns TestivAIProjectConfig Configuration with environment overrides applied
- */
-export declare function applyEnvironmentOverrides(config: TestivAIProjectConfig): TestivAIProjectConfig;
+export declare function mergeTestConfig(_projectConfig: TestivAIProjectConfig, testConfig?: TestivAIConfig): TestivAIConfig;

package/dist/config/loader.js

@@ -35,23 +35,12 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.loadConfig = loadConfig;
 exports.mergeTestConfig = mergeTestConfig;
-exports.detectEnvironment = detectEnvironment;
-exports.applyEnvironmentOverrides = applyEnvironmentOverrides;
 const fs = __importStar(require("fs-extra"));
 const path = __importStar(require("path"));
 /**
  * Default configuration when no config file is found
  */
-const DEFAULT_CONFIG = {
-    layout: {
-        sensitivity: 2, // Balanced sensitivity (0-4 scale)
-        tolerance: 1.0, // 1 pixel base tolerance
-    },
-    ai: {
-        sensitivity: 2, // Balanced AI analysis (0-4 scale)
-        confidence: 0.7, // 70% confidence required for AI_BUG
-    }
-};
+const DEFAULT_CONFIG = {};
 /**
  * Load TestivAI configuration from file system
  * Supports both .ts and .js config files
@@ -73,7 +62,7 @@ async function loadConfig() {
             configPath = jsConfigPath;
         }
         else {
-            console.log('⚠️  No testivai.config.ts or testivai.config.js found, using defaults');
+            // No config file is the normal zero-config case — silently use defaults
             return DEFAULT_CONFIG;
         }
         // Load configuration based on file type
@@ -88,171 +77,40 @@ async function loadConfig() {
             configModule = await Promise.resolve(`${configPath}`).then(s => __importStar(require(s)));
         }
         const config = configModule.default || configModule;
-        // Validate and merge with defaults
-        return validateAndMergeConfig(config);
+        if (!config) {
+            return DEFAULT_CONFIG;
+        }
+        return {
+            ignoreSelectors: config.ignoreSelectors,
+            stabilize: config.stabilize,
+        };
     }
     catch (error) {
-        console.warn('⚠️  Failed to load testivai config, using defaults:', error);
+        console.warn('Warning: failed to load testivai config, using defaults:', error);
         return DEFAULT_CONFIG;
     }
 }
 /**
- * Merge per-test configuration with project configuration
+ * Merge per-snapshot configuration with project configuration
  *
  * @param projectConfig The project-level configuration
- * @param testConfig Optional per-test configuration overrides
- * @returns TestivAIConfig The effective configuration for this test
+ * @param testConfig Optional per-snapshot configuration overrides
+ * @returns TestivAIConfig The effective configuration for this snapshot
  */
-function mergeTestConfig(projectConfig, testConfig) {
+function mergeTestConfig(_projectConfig, testConfig) {
     if (!testConfig) {
-        return {
-            layout: projectConfig.layout,
-            ai: projectConfig.ai,
-            // @renamed: dom → structure (IP protection)
-            structure: projectConfig.structure,
-            performanceMetrics: projectConfig.performanceMetrics
-        };
+        return {};
     }
     return {
-        layout: {
-            ...projectConfig.layout,
-            ...testConfig.layout
-        },
-        ai: {
-            ...projectConfig.ai,
-            ...testConfig.ai
-        },
-        // @renamed: dom → structure (IP protection)
-        structure: {
-            ...projectConfig.structure,
-            ...testConfig.structure
-        },
-        performanceMetrics: {
-            ...projectConfig.performanceMetrics,
-            ...testConfig.performanceMetrics
-        },
-        selectors: testConfig.selectors,
         useBrowserCapture: testConfig.useBrowserCapture,
         // Per-call capture options must survive the merge: without these,
         // witness(page, testInfo, name, { ignoreSelectors }) silently ignored
         // the selectors (masked for a long time by the diff engine's cumulated
         // threshold absorbing the tiny leaked pixels).
+        // Project-level ignoreSelectors and stabilize are read separately
+        // (collectIgnoreRules / resolveStabilize) so they are NOT merged here.
         ignoreSelectors: testConfig.ignoreSelectors,
         stabilize: testConfig.stabilize,
-        mask: testConfig.mask
+        mask: testConfig.mask,
     };
 }
-/**
- * Detect current environment (CI, development, production)
- *
- * @returns string The detected environment
- */
-function detectEnvironment() {
-    // Check for common CI environment variables
-    if (process.env.CI || process.env.CONTINUOUS_INTEGRATION) {
-        return 'ci';
-    }
-    // Check for production indicators
-    if (process.env.NODE_ENV === 'production') {
-        return 'production';
-    }
-    // Default to development
-    return 'development';
-}
-/**
- * Apply environment-specific overrides to configuration
- *
- * @param config The base configuration
- * @returns TestivAIProjectConfig Configuration with environment overrides applied
- */
-function applyEnvironmentOverrides(config) {
-    const environment = detectEnvironment();
-    if (!config.environments) {
-        return config;
-    }
-    // Type-safe environment override access
-    let envOverrides;
-    switch (environment) {
-        case 'ci':
-            envOverrides = config.environments.ci;
-            break;
-        case 'development':
-            envOverrides = config.environments.development;
-            break;
-        case 'production':
-            envOverrides = config.environments.production;
-            break;
-    }
-    if (!envOverrides) {
-        return config;
-    }
-    return {
-        layout: {
-            ...config.layout,
-            ...envOverrides.layout
-        },
-        ai: {
-            ...config.ai,
-            ...envOverrides.ai
-        },
-        environments: config.environments // Keep the original environments config
-    };
-}
-/**
- * Validate configuration values and merge with defaults
- *
- * @param config The configuration to validate
- * @returns TestivAIProjectConfig Validated configuration
- */
-function validateAndMergeConfig(config) {
-    // Guard against null/undefined config
-    if (!config) {
-        console.warn('⚠️  Config is null or undefined, using defaults');
-        return DEFAULT_CONFIG;
-    }
-    // Basic validation
-    const validatedConfig = {
-        // API configuration with production default
-        apiKey: config.apiKey,
-        apiUrl: config.apiUrl || 'https://core-api.testiv.ai',
-        layout: {
-            sensitivity: validateRange(config.layout?.sensitivity ?? DEFAULT_CONFIG.layout.sensitivity, 0, 4, 'layout.sensitivity', DEFAULT_CONFIG.layout.sensitivity),
-            tolerance: validateRange(config.layout?.tolerance ?? DEFAULT_CONFIG.layout.tolerance, 0, 100, 'layout.tolerance', DEFAULT_CONFIG.layout.tolerance),
-            selectorTolerances: config.layout?.selectorTolerances,
-            useRelativeTolerance: config.layout?.useRelativeTolerance,
-            relativeTolerance: config.layout?.relativeTolerance
-        },
-        ai: {
-            sensitivity: validateRange(config.ai?.sensitivity ?? DEFAULT_CONFIG.ai.sensitivity, 0, 4, 'ai.sensitivity', DEFAULT_CONFIG.ai.sensitivity),
-            confidence: validateRange(config.ai?.confidence ?? DEFAULT_CONFIG.ai.confidence, 0, 1, 'ai.confidence', DEFAULT_CONFIG.ai.confidence),
-            enableReasoning: config.ai?.enableReasoning
-        },
-        // @renamed: dom → structure (IP protection)
-        structure: config.structure, // Pass through structure analysis configuration as-is
-        performanceMetrics: config.performanceMetrics, // Pass through performance metrics configuration as-is
-        environments: config.environments
-    };
-    return applyEnvironmentOverrides(validatedConfig);
-}
-/**
- * Validate that a number is within the expected range
- *
- * @param value The value to validate
- * @param min Minimum allowed value
- * @param max Maximum allowed value
- * @param field Field name for error messages
- * @param defaultValue Default value to use when validation fails
- * @returns number The validated value
- */
-function validateRange(value, min, max, field, defaultValue) {
-    const numValue = Number(value);
-    if (isNaN(numValue)) {
-        console.warn(`⚠️  Invalid ${field}: ${value}, using default: ${defaultValue}`);
-        return defaultValue;
-    }
-    if (numValue < min || numValue > max) {
-        console.warn(`⚠️  ${field} must be between ${min} and ${max}, got ${numValue}, using default: ${defaultValue}`);
-        return defaultValue;
-    }
-    return numValue;
-}

package/dist/config/stabilize.d.ts

@@ -14,7 +14,7 @@
  *   4. default       true
  */
 import type { Page } from '@playwright/test';
-import { TestivAIConfig, TestivAIProjectConfig } from '../types';
+import type { TestivAIConfig, TestivAIProjectConfig } from '../types';
 /**
  * CSS injected for the duration of the capture. Near-zero durations (not
  * `none`) let every animation/transition COMPLETE instantly at its final

package/dist/index.d.ts

@@ -1,8 +1,6 @@
 import { snapshot } from './snapshot';
-import { getCiRunId } from './ci';
 export { snapshot, snapshot as witness };
 export declare const testivai: {
     witness: typeof snapshot;
-    ci: typeof getCiRunId;
 };
-export type { TestivAIConfig, TestivAIProjectConfig, StructureAnalysisConfig, StructureAnalysis } from './types';
+export type { TestivAIConfig, TestivAIProjectConfig, IgnoreMode, IgnoreSelectorInput } from './types';

package/dist/index.js

@@ -4,10 +4,6 @@ exports.testivai = exports.witness = exports.snapshot = void 0;
 const snapshot_1 = require("./snapshot");
 Object.defineProperty(exports, "snapshot", { enumerable: true, get: function () { return snapshot_1.snapshot; } });
 Object.defineProperty(exports, "witness", { enumerable: true, get: function () { return snapshot_1.snapshot; } });
-const ci_1 = require("./ci");
 exports.testivai = {
     witness: snapshot_1.snapshot,
-    ci: ci_1.getCiRunId,
 };
-// Structure analyzer is now handled on the backend
-// The types are kept for backwards compatibility

package/dist/reporter.d.ts

@@ -1,9 +1,5 @@
-import { Reporter, FullConfig, Suite, FullResult } from './reporter-types';
-import { type CompressionOptions } from '@testivai/common';
+import type { Reporter, FullConfig, Suite, FullResult } from './reporter-types';
 interface TestivaiReporterOptions {
-    apiUrl?: string;
-    apiKey?: string;
-    compression?: CompressionOptions;
     debug?: boolean;
     /**
      * Capture only — write `.testivai/temp/` and skip comparison and report
@@ -23,13 +19,7 @@ interface TestivaiReporterOptions {
 }
 export declare class TestivAIPlaywrightReporter implements Reporter {
     private options;
-    private gitInfo;
-    private browserInfo;
-    private runId;
-    private ciInfo;
     private tempDir;
-    private compressionHelper;
-    private localMode;
     private captureOnly;
     private shard;
     constructor(options?: TestivaiReporterOptions);
@@ -40,7 +30,7 @@ export declare class TestivAIPlaywrightReporter implements Reporter {
      *   3. auto: Playwright says this is shard i/N with N > 1
      */
     private resolveCaptureOnly;
-    onBegin(config: FullConfig, suite: Suite): Promise<void>;
+    onBegin(config: FullConfig, _suite: Suite): Promise<void>;
     onEnd(result: FullResult): Promise<void>;
 }
 export default TestivAIPlaywrightReporter;

package/dist/reporter.js

@@ -32,38 +32,20 @@ var __importStar = (this && this.__importStar) || (function () {
         return result;
     };
 })();
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TestivAIPlaywrightReporter = void 0;
 const fs = __importStar(require("fs-extra"));
 const path = __importStar(require("path"));
-const simple_git_1 = __importDefault(require("simple-git"));
-const axios_1 = __importDefault(require("axios"));
-const ci_1 = require("./ci");
-const common_1 = require("@testivai/common");
-const mode_1 = require("./mode");
 const witness_1 = require("@testivai/witness");
 class TestivAIPlaywrightReporter {
     constructor(options = {}) {
-        this.gitInfo = null;
-        this.browserInfo = null;
-        this.runId = null;
-        this.ciInfo = null;
         this.tempDir = path.join(process.cwd(), '.testivai', 'temp');
-        this.localMode = false;
         this.captureOnly = false;
         this.shard = null;
         this.options = {
-            apiUrl: options.apiUrl || process.env.TESTIVAI_API_URL || 'https://core-api.testiv.ai',
-            apiKey: options.apiKey || process.env.TESTIVAI_API_KEY,
-            compression: options.compression || {},
             debug: options.debug || process.env.TESTIVAI_DEBUG === 'true',
             captureOnly: options.captureOnly,
         };
-        // Initialize compression helper
-        this.compressionHelper = new common_1.CompressionHelper(this.options.compression);
     }
     /**
      * Capture-only resolution, most explicit wins:
@@ -74,59 +56,13 @@ class TestivAIPlaywrightReporter {
     resolveCaptureOnly(_config) {
         return (0, witness_1.resolveCaptureOnly)(this.options.captureOnly, this.shard);
     }
-    async onBegin(config, suite) {
+    async onBegin(config, _suite) {
         // Playwright's own --shard wins; TESTIVAI_SHARD covers CI that splits work
         // some other way, and is the same contract the non-JS adapters honour.
         this.shard = config.shard ?? (0, witness_1.parseShardEnv)(process.env.TESTIVAI_SHARD);
         this.captureOnly = this.resolveCaptureOnly(config);
-        // Resolve mode. Local-first is the default: with no API key we capture
-        // and report locally rather than disabling the reporter. Cloud mode
-        // activates only when a key is present (or config/env force it).
-        this.localMode = (0, mode_1.resolveLocalMode)({ apiKey: this.options.apiKey });
-        if (this.localMode) {
-            process.env.TESTIVAI_MODE = 'local';
-            // One quiet, friendly line — not a scary "disabling reporter" error.
-            if (!this.options.apiKey && !process.env.TESTIVAI_MODE_ANNOUNCED) {
-                console.log('TestivAI: no API key set — running in local mode (report → visual-report/index.html).');
-                process.env.TESTIVAI_MODE_ANNOUNCED = '1';
-            }
-        }
-        // 1. Clean temp directory
+        // Clean temp directory
         await fs.emptyDir(this.tempDir);
-        // 2. Capture Git metadata
-        try {
-            const git = (0, simple_git_1.default)();
-            const [branch, commit] = await Promise.all([
-                git.revparse(['--abbrev-ref', 'HEAD']),
-                git.revparse(['HEAD']),
-            ]);
-            this.gitInfo = { branch, commit };
-        }
-        catch (error) {
-            console.error('Testivai Reporter: Could not get Git information.', error);
-            this.gitInfo = { branch: 'unknown', commit: 'unknown' };
-        }
-        // 3. Capture Browser info from the first project
-        const project = suite.suites[0]?.project();
-        if (project) {
-            this.browserInfo = {
-                name: project.use.browserName || 'unknown',
-                version: 'unknown', // Playwright does not easily expose browser version
-                viewportWidth: project.use.viewport?.width || 0,
-                viewportHeight: project.use.viewport?.height || 0,
-                userAgent: project.use.userAgent || 'unknown',
-                os: 'unknown',
-            };
-        }
-        // 4. Get CI Run ID and CI info
-        this.runId = (0, ci_1.getCiRunId)();
-        this.ciInfo = (0, ci_1.getCiInfo)();
-        if (this.runId && this.options.debug) {
-            console.log(`Testivai Reporter: [DEBUG] Detected CI environment. Run ID: ${this.runId}`);
-            if (this.ciInfo) {
-                console.log(`Testivai Reporter: [DEBUG] CI Info: provider=${this.ciInfo.provider}, PR=#${this.ciInfo.prNumber || 'N/A'}`);
-            }
-        }
     }
     async onEnd(result) {
         // Wrap entire reporter logic in try-catch to prevent crashes
@@ -154,182 +90,49 @@ class TestivAIPlaywrightReporter {
                 console.log('    npx testivai merge-captures <dirs...> && npx testivai report --fail-on-diff');
                 return;
             }
-            // ── Local mode: generate HTML report instead of uploading ─────────────────
-            if (this.localMode) {
-                if (this.options.debug) {
-                    console.log('Testivai Reporter: [DEBUG] Local mode - generating visual report...');
-                }
-                // Dynamic import of @testivai/witness/report for local mode
-                const { generateReport } = await Promise.resolve().then(() => __importStar(require('@testivai/witness/report')));
-                // Load local config for report settings
-                const localConfigPath = path.join(process.cwd(), '.testivai', 'config.json');
-                const localConfig = fs.existsSync(localConfigPath)
-                    ? fs.readJsonSync(localConfigPath)
-                    : { threshold: 0.1, reportDir: 'visual-report', autoOpen: false };
-                const reportData = generateReport({
-                    projectRoot: process.cwd(),
-                    reportDir: localConfig.reportDir || 'visual-report',
-                    threshold: localConfig.threshold,
-                    autoOpen: localConfig.autoOpen,
-                });
-                // Print summary
-                const { summary } = reportData;
-                const missing = reportData.missingBaselines?.length ?? 0;
-                console.log(`\n  ═══ TestivAI Visual Report ═══`);
-                console.log(`  Total: ${summary.total}  |  Passed: ${summary.passed}  |  Changed: ${summary.changed}  |  New: ${summary.newSnapshots}`);
-                if (missing > 0) {
-                    console.log(`  Missing baselines (no capture this run): ${missing}`);
-                }
-                // A reporter cannot change the process exit code — Playwright owns it,
-                // and it reflects test results, not visual results. Saying nothing here
-                // meant a run could print "Changed: 3" and still exit 0, which reads
-                // like a check that passed. State it plainly and name the gate.
-                if (summary.changed > 0 || summary.newSnapshots > 0 || missing > 0) {
-                    console.log(`\n  ⚠  This did NOT fail the build — a reporter cannot set the exit code.`);
-                    console.log(`     Gate it in CI:  npx testivai report --fail-on-diff`);
-                    console.log(`     To approve:     npx testivai approve --all`);
-                }
-                if (this.options.debug) {
-                    console.log(`Testivai Reporter: [DEBUG] Report generated at ${path.join(process.cwd(), localConfig.reportDir || 'visual-report')}`);
-                }
-                return;
-            }
-            // ── Cloud mode: upload to TestivAI API ────────────────────────────────────
-            if (!this.options.apiUrl) {
-                return; // Reporter is disabled
-            }
+            // ── Generate the HTML report ──────────────────────────────────────────
             if (this.options.debug) {
-                console.log('Testivai Reporter: [DEBUG] Test run finished. Preparing to upload evidence...');
+                console.log('Testivai Reporter: [DEBUG] Generating visual report...');
             }
-            const snapshotFiles = await fs.readdir(this.tempDir);
-            // Filter out .css.json files - they're not metadata files
-            const jsonFiles = snapshotFiles.filter(f => f.endsWith('.json') && !f.endsWith('.css.json'));
-            if (jsonFiles.length === 0) {
-                if (this.options.debug) {
-                    console.log('Testivai Reporter: [DEBUG] No snapshots found to upload.');
-                }
-                return;
-            }
-            if (this.options.debug) {
-                console.log(`Testivai Reporter: [DEBUG] Found ${jsonFiles.length} snapshot(s) to process`);
-            }
-            // Build snapshots array matching Witness SDK format
-            const snapshots = [];
-            for (const jsonFile of jsonFiles) {
-                const metadataPath = path.join(this.tempDir, jsonFile);
-                const metadata = await fs.readJson(metadataPath);
-                // Null safety: ensure metadata has required structure
-                // @renamed: dom → structure, css → styles (IP protection)
-                const structurePath = metadata.files.structure;
-                const screenshotPath = metadata.files.screenshot;
-                const stylesPath = metadata.files.styles;
-                if (!metadata.files || !structurePath || !screenshotPath) {
-                    console.warn(`Testivai Reporter: Invalid metadata structure in ${jsonFile}, skipping...`);
-                    continue;
-                }
-                // Extract the first selector's layout data (usually 'body')
-                const layoutKeys = Object.keys(metadata.layout || {});
-                if (layoutKeys.length === 0) {
-                    console.warn(`Testivai Reporter: No layout data found for ${metadata.snapshotName}, skipping...`);
-                    continue;
-                }
-                const firstSelector = layoutKeys[0];
-                const layoutData = metadata.layout[firstSelector];
-                // Read screenshot and encode to base64
-                const screenshotBuffer = await fs.readFile(screenshotPath);
-                const screenshotBase64 = screenshotBuffer.toString('base64');
-                // Read computed styles if available
-                // @renamed: cssData → stylesData (IP protection)
-                let stylesData;
-                if (stylesPath && await fs.pathExists(stylesPath)) {
-                    try {
-                        const stylesJson = await fs.readJson(stylesPath);
-                        if (stylesJson.computed_styles && Object.keys(stylesJson.computed_styles).length > 0) {
-                            stylesData = { computed_styles: stylesJson.computed_styles };
-                        }
-                    }
-                    catch (err) {
-                        if (this.options.debug) {
-                            console.warn(`Testivai Reporter: [DEBUG] Failed to read styles file for ${metadata.snapshotName}:`, err);
-                        }
-                    }
-                }
-                // @renamed: dom → structure, css → styles (IP protection)
-                const snapshotPayload = {
-                    snapshotName: metadata.snapshotName,
-                    testName: metadata.testName,
-                    timestamp: metadata.timestamp,
-                    url: metadata.url,
-                    viewport: metadata.viewport,
-                    structure: { html: await fs.readFile(structurePath, 'utf-8') },
-                    styles: stylesData,
-                    layout: {
-                        x: layoutData.x,
-                        y: layoutData.y,
-                        width: layoutData.width,
-                        height: layoutData.height,
-                        top: layoutData.y,
-                        left: layoutData.x,
-                        right: layoutData.x + layoutData.width,
-                        bottom: layoutData.y + layoutData.height
-                    },
-                    testivaiConfig: metadata.testivaiConfig,
-                    screenshotData: screenshotBase64,
-                    performanceMetrics: metadata.performanceMetrics
-                };
-                snapshots.push(snapshotPayload);
-            }
-            // Build batch payload matching Witness SDK format
-            const batchPayload = {
-                git: this.gitInfo,
-                browser: this.browserInfo,
-                snapshots,
-                timestamp: Date.now(),
-                runId: this.runId,
-                ci: this.ciInfo,
-            };
-            // Compress and upload (same as Witness SDK)
-            const payloadJson = JSON.stringify(batchPayload);
-            const compressionResult = await this.compressionHelper.compress(payloadJson);
-            if (this.options.debug && compressionResult.compressionRatio > 0) {
-                this.compressionHelper.logCompressionResult(compressionResult);
-            }
-            const headers = {
-                'X-API-KEY': this.options.apiKey,
-                'Content-Type': 'application/json',
-                ...compressionResult.headers,
-            };
-            // Upload to same endpoint as Witness SDK
-            const startBatchResponse = await axios_1.default.post(`${this.options.apiUrl}/api/v1/ingest/start-batch`, compressionResult.data, { headers });
-            const batchId = startBatchResponse.data.batch_id || startBatchResponse.data.batchId;
-            // Show success message (brief in normal mode, detailed in debug mode)
-            if (this.options.debug) {
-                console.log(`Testivai Reporter: [DEBUG] ✓ Uploaded ${snapshots.length} snapshot(s) (Batch ID: ${batchId})`);
+            // Dynamic import of @testivai/witness/report
+            const { generateReport } = await Promise.resolve().then(() => __importStar(require('@testivai/witness/report')));
+            // Load local config for report settings
+            const localConfigPath = path.join(process.cwd(), '.testivai', 'config.json');
+            const localConfig = fs.existsSync(localConfigPath)
+                ? fs.readJsonSync(localConfigPath)
+                : { threshold: 0.1, reportDir: 'visual-report', autoOpen: false };
+            const reportData = generateReport({
+                projectRoot: process.cwd(),
+                reportDir: localConfig.reportDir || 'visual-report',
+                threshold: localConfig.threshold,
+                autoOpen: localConfig.autoOpen,
+            });
+            // Print summary
+            const { summary } = reportData;
+            const missing = reportData.missingBaselines?.length ?? 0;
+            console.log(`\n  === TestivAI Visual Report ===`);
+            console.log(`  Total: ${summary.total}  |  Passed: ${summary.passed}  |  Changed: ${summary.changed}  |  New: ${summary.newSnapshots}`);
+            if (missing > 0) {
+                console.log(`  Missing baselines (no capture this run): ${missing}`);
             }
-            else {
-                console.log(`Testivai Reporter: ✓ Uploaded ${snapshots.length} snapshot(s)`);
+            // A reporter cannot change the process exit code — Playwright owns it,
+            // and it reflects test results, not visual results. Saying nothing here
+            // meant a run could print "Changed: 3" and still exit 0, which reads
+            // like a check that passed. State it plainly and name the gate.
+            if (summary.changed > 0 || summary.newSnapshots > 0 || missing > 0) {
+                console.log(`\n  NOTE: this did NOT fail the build — a reporter cannot set the exit code.`);
+                console.log(`     Gate it in CI:  npx testivai report --fail-on-diff`);
+                console.log(`     To approve:     npx testivai approve --all`);
             }
-            // Clean up temp files (skip if DEBUG mode is enabled)
             if (this.options.debug) {
-                console.log(`Testivai Reporter: [DEBUG] Keeping temporary evidence files in: ${this.tempDir}`);
+                console.log(`Testivai Reporter: [DEBUG] Report generated at ${path.join(process.cwd(), localConfig.reportDir || 'visual-report')}`);
             }
-            else {
-                await fs.emptyDir(this.tempDir);
-            }
-            // Finalize batch
-            await axios_1.default.post(`${this.options.apiUrl}/api/v1/ingest/finish-batch/${batchId}`, {}, {
-                headers: { 'X-API-KEY': this.options.apiKey },
-            });
         }
         catch (error) {
             // Log error but don't throw - let tests complete normally
-            console.error('Testivai Reporter: ❌ Error:', error.message);
+            console.error('Testivai Reporter: Error:', error.message);
             if (this.options.debug) {
                 console.error('Error stack:', error.stack);
-                if (error.response) {
-                    console.error('Response status:', error.response.status);
-                    console.error('Response data:', JSON.stringify(error.response.data, null, 2));
-                }
             }
             // Don't throw - reporter errors should not crash the test run
         }