Skip to content

fix: align live transcript panel with transcript view#5064

Open
ComputelessComputer wants to merge 1 commit intomainfrom
fix/live-transcript-view
Open

fix: align live transcript panel with transcript view#5064
ComputelessComputer wants to merge 1 commit intomainfrom
fix/live-transcript-view

Conversation

@ComputelessComputer
Copy link
Copy Markdown
Collaborator

@ComputelessComputer ComputelessComputer commented Apr 16, 2026

Merge the expanded live transcript surface into the session card, reuse transcript rendering for live-only segments, and add coverage for the live viewer path.


Note

Medium Risk
Moderate UI/behavior changes in the live session footer and transcript renderer; risk is mainly around regressions in live transcript display, scrolling, and playback hotkey behavior when transcript IDs are absent.

Overview
Aligns the expanded live transcript footer with the main transcript UI by replacing the bespoke footer segment rendering with useTranscriptScreen + TranscriptViewer, including a dedicated listening state and updated container styling.

TranscriptViewer/renderer now supports a live-only path where there are no persisted transcriptIds (treats it as a single undefined transcript), makes transcriptId optional throughout rendering/segment keys, and adds enablePlaybackControls to disable spacebar playback + playback autoscroll when embedded in the live footer; includes a new unit test covering the live-only rendering path.

Reviewed by Cursor Bugbot for commit f2b144f. Bugbot is set up for automated code reviews on this repo. Configure here.

@netlify
Copy link
Copy Markdown

netlify Bot commented Apr 16, 2026

Deploy Preview for unsigned-char ready!

Name Link
🔨 Latest commit f2b144f
🔍 Latest deploy log https://app.netlify.com/projects/unsigned-char/deploys/69e51cc6664afd0007013be7
😎 Deploy Preview https://deploy-preview-5064--unsigned-char.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@netlify
Copy link
Copy Markdown

netlify Bot commented Apr 16, 2026

Deploy Preview for hyprnote canceled.

Name Link
🔨 Latest commit f2b144f
🔍 Latest deploy log https://app.netlify.com/projects/hyprnote/deploys/69e51cc623aed30008abb0f2

@netlify
Copy link
Copy Markdown

netlify Bot commented Apr 16, 2026

Deploy Preview for char-cli-web canceled.

Name Link
🔨 Latest commit f2b144f
🔍 Latest deploy log https://app.netlify.com/projects/char-cli-web/deploys/69e51cc623aed30008abb0f6

Copy link
Copy Markdown

@cursor cursor Bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Cursor Bugbot has reviewed your changes and found 2 potential issues.

Fix All in Cursor

❌ Bugbot Autofix is OFF. To automatically fix reported issues with cloud agents, enable autofix in the Cursor dashboard.

Reviewed by Cursor Bugbot for commit c50d3c5. Configure here.

message={
screen.kind === "ready"
? (getTranscriptPreview(screen.liveSegments) ?? "Listening...")
: "Listening..."
Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Collapsed preview ignores stored transcript segments

Medium Severity

The collapsed footer preview calls getTranscriptPreview(screen.liveSegments), but screen.liveSegments only contains real-time segments from the listener — not stored/persisted transcript segments. When screen.kind is "ready" because hasTranscriptWords is true (e.g., after a session resume) but no live segments have arrived yet, getTranscriptPreview([]) returns null and the user sees "Listening..." instead of the existing transcript text. The old code used useLiveTranscriptSegments which fell back to rendered stored segments when live segments were empty.

Fix in Cursor Fix in Web

Reviewed by Cursor Bugbot for commit c50d3c5. Configure here.

}

const SegmentsList = memo(
export const TranscriptSegmentsList = memo(
Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Exported TranscriptSegmentsList has no external consumer

Low Severity

TranscriptSegmentsList (renamed from the private SegmentsList) is now exported but is not imported by any other file — it's only referenced within transcript.tsx itself. This is an unused export that adds to the public API surface without a consumer.

Fix in Cursor Fix in Web

Reviewed by Cursor Bugbot for commit c50d3c5. Configure here.

@yujonglee
Copy link
Copy Markdown
Contributor

Since this touch some tinybase stuff #5077 this should be merged first

Merge the expanded live transcript surface into the session card, reuse transcript rendering for live-only segments, and add coverage for the live viewer path.
@netlify
Copy link
Copy Markdown

netlify Bot commented Apr 19, 2026

Deploy Preview for fastrepl ready!

Name Link
🔨 Latest commit f2b144f
🔍 Latest deploy log https://app.netlify.com/projects/fastrepl/deploys/69e51cc64184c00008d02379
😎 Deploy Preview https://deploy-preview-5064--fastrepl.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants