/**
 * Trace Visualizer (F-009)
 *
 * Provides visual representations of debug traces for easier debugging:
 * - ASCII timeline showing tier cascade and durations
 * - Flowchart-style visualization of decision paths
 * - Summary cards for quick issue identification
 * - HTML output for rich visualization
 *
 * Integrates with DebugTrace from debug-trace-recorder.ts
 */
import type { DebugTrace } from './debug-trace-recorder.js';
/**
 * Visualization format options
 */
export type VisualizationFormat = 'ascii' | 'compact' | 'detailed' | 'html' | 'json';
/**
 * Visualization options
 */
export interface VisualizationOptions {
    /** Output format */
    format?: VisualizationFormat;
    /** Include network activity */
    includeNetwork?: boolean;
    /** Include selector attempts */
    includeSelectors?: boolean;
    /** Include title extraction attempts */
    includeTitle?: boolean;
    /** Include errors */
    includeErrors?: boolean;
    /** Include skills info */
    includeSkills?: boolean;
    /** Maximum width for ASCII output */
    maxWidth?: number;
    /** Use color codes (ANSI) */
    useColor?: boolean;
}
/**
 * Visualize a debug trace
 */
export declare function visualizeTrace(trace: DebugTrace, options?: VisualizationOptions): string;
/**
 * Create a summary card for a trace (quick overview)
 */
export declare function createTraceSummaryCard(trace: DebugTrace): string;
/**
 * Compare two traces side by side
 */
export declare function compareTraces(trace1: DebugTrace, trace2: DebugTrace, useColor?: boolean): string;
//# sourceMappingURL=trace-visualizer.d.ts.map