Hiyve Components - v1.0.0
    Preparing search index...

    Interface TranscriptViewerProps

    Props for the TranscriptViewer component.

    The TranscriptViewer displays a scrollable list of transcription entries, grouped by speaker within time windows. It supports auto-scrolling, date dividers, and customizable styling.

    <TranscriptViewer
    entries={transcriptionEntries}
    localUserId={userId}
    showTimestamps
    autoScroll
    onEntryClick={(entry) => console.log('Clicked:', entry)}
    />
    interface TranscriptViewerProps {
        autoScroll?: boolean;
        colors?: Partial<TranscriptionColors>;
        emptyMessage?: string;
        entries?: TranscriptionEntry[];
        groupingWindowMs?: number;
        labels?: Partial<TranscriptionLabels>;
        loading?: boolean;
        localUserId?: string;
        onEntryClick?: (entry: TranscriptionEntry) => void;
        showConfidence?: boolean;
        showSentiment?: boolean;
        showTimestamps?: boolean;
        styles?: Partial<TranscriptionStyles>;
        sx?: SxProps<Theme>;
    }
    Index

    Properties

    autoScroll?: boolean

    Whether to auto-scroll to the bottom on new entries. User can override by scrolling up manually.

    true
    
    colors?: Partial<TranscriptionColors>

    Custom colors.

    emptyMessage?: string

    Message to show when there are no transcriptions.

    entries?: TranscriptionEntry[]

    Array of transcription entries to display. When used inside HiyveProvider, this is automatically populated from useTranscription().

    groupingWindowMs?: number

    Time window in milliseconds for grouping entries by speaker. Consecutive entries from the same speaker within this window are combined into a single group.

    5000
    
    labels?: Partial<TranscriptionLabels>

    Custom labels for internationalization.

    loading?: boolean

    Whether transcription is currently loading/initializing.

    false
    
    localUserId?: string

    User ID of the local user. Used to highlight "You" in speaker names.

    onEntryClick?: (entry: TranscriptionEntry) => void

    Callback when an entry is clicked.

    showConfidence?: boolean

    Whether to show confidence indicators.

    false
    
    showSentiment?: boolean

    Whether to show sentiment indicators.

    false
    
    showTimestamps?: boolean

    Whether to show timestamps for each entry group.

    true
    
    styles?: Partial<TranscriptionStyles>

    Custom styles.

    sx?: SxProps<Theme>

    Additional MUI sx props for the container.