feat: add useTranscript hook with dedup and buffer

[robinandeer]

Goal

Add a stateful useTranscript hook that returns an accumulated, deduplicated transcript array — addressing feedback that the existing useTranscription callback hook is unreliable for rendering transcript UI.

The existing callback-only API forces every consumer to manually accumulate state and handle segment deduplication (LiveKit re-sends the same segment id as interim → final). This new hook does that internally, making transcript UI trivial to build.

What changed

• useTranscript(options?) — new hook returning Array<TranscriptionEntry>, deduped by segment id with a configurable bufferSize (default 100)
• Non-breaking — useTranscription is unchanged; useTranscript is additive
• Updated exports, export test, and AGENTS.md

Usage

function TranscriptOverlay() {
  const transcript = useTranscript();
  return (
    <ul>
      {transcript.map((entry) => (
        <li key={entry.id}>{entry.participantIdentity}: {entry.text}</li>
      ))}
    </ul>
  );
}

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
avatars-playground	Ready	Preview, Comment	Apr 13, 2026 8:56pm

[robinandeer]

• feat: add useTranscript hook with dedup and buffer #18 👈 (View in Graphite)
• main

This stack of pull requests is managed by Graphite. Learn more about stacking.