import { type ReactElement } from 'react';
import type { UserMessageColors } from './terminalColors.js';
type TranscriptRole = 'system' | 'user' | 'assistant';
export interface TranscriptEntry {
    readonly role: TranscriptRole;
    readonly content: string;
}
export interface TranscriptEntryViewProps {
    readonly entry: TranscriptEntry;
    readonly userMessageColors: UserMessageColors;
}
export interface TranscriptViewProps {
    readonly entries: readonly TranscriptEntry[];
    readonly userMessageColors: UserMessageColors;
}
/**
 * Every entry is one marker plus its text, with no speaker heading: the marker
 * column is what tells the two apart, and the text box that follows it starts at
 * the same column on every row, so a wrapped or multi-line message stays aligned
 * under its own marker.
 */
export declare function TranscriptEntryView({ entry, userMessageColors }: TranscriptEntryViewProps): ReactElement;
/** Commits each entry once, using native TTY wrapping and children-based fallback output. */
declare function TranscriptViewComponent({ entries, userMessageColors }: TranscriptViewProps): ReactElement;
export declare const TranscriptView: import("react").MemoExoticComponent<typeof TranscriptViewComponent>;
export {};
//# sourceMappingURL=TranscriptEntryView.d.ts.map