/** * Log lines viewer component (React mode). * * Displays parsed log entries with React components for: * - Level badges with CSS styling * - Syntax highlighted spans * - Timestamps right-aligned * - Virtual scrolling with @tanstack/react-virtual * - Auto-scroll to bottom when following logs * * @module components/devenv/terminal/panel/LogLinesViewer */ import type { IParsedLogEntry, TLogLevel } from '../parsing'; /** * Props for LogLinesViewer component. */ export interface ILogLinesViewerProps { /** Parsed log entries to display */ entries: IParsedLogEntry[]; /** Current log level filter */ filterLevel: TLogLevel | 'all'; /** Level counts for badges */ levelCounts: Partial>; /** Optional custom class name */ className?: string; /** Whether to show line numbers */ showLineNumbers?: boolean; /** Whether to enable syntax highlighting */ enableSyntaxHighlight?: boolean; /** Whether to auto-scroll to bottom when new entries arrive */ followCursor?: boolean; /** Callback when scroll position changes (optional) */ onScrollToBottom?: () => void; } /** * Log lines viewer component. * * Displays parsed log entries with React components: * - Level badges (colored based on log level) * - Syntax highlighted message content * - Timestamps right-aligned * - Tag badges for component identification * - Virtual scrolling for performance with large logs * - Auto-scroll to bottom when following logs * * @example * ```tsx * * ``` */ export declare function LogLinesViewer({ entries, filterLevel, levelCounts, className, showLineNumbers, enableSyntaxHighlight, followCursor, onScrollToBottom, }: ILogLinesViewerProps): React.JSX.Element; //# sourceMappingURL=LogLinesViewer.d.ts.map