completed

Summary

The finished recording: preview, share link, download, record again.

Raw wireframe

• .context/designs/web/record/completed.html
• .context/designs/web/record/completed-loading.html
• .context/designs/web/record/completed-locked.html

Why it is drawn this way

Drawn for a paid, signed-in user whose upload worked. Copy Share Link and Open in Library need a recordingId. Share with Team also needs a paid workspace.

Copy Share Link always asks for 7 days. recording-completed-view.tsx creates a public link with expiresAt seven days out for every user, then copies it. It opens nothing.

A failed upload becomes a download. app/page.tsx downloads the file and clears the id, so the view drops to Download and Record Again. A signed-in free user then sees an Upgrade line; that face is not drawn.

Signed out is the locked state. Nothing is uploaded. The file downloads by itself and the line offers Sign up. The banner shows and the menu icons point at Home and Register.

Share with Team is drawn over the recording page. In the app the modal opens over this view. It is passed no title, so its heading prints Share with Team: undefined.

Loading is the Processing face. It belongs to recording-controls.tsx: no buttons, menu hidden.

Related

• recording-live
• share-team
• recording
• plans
• public-links

Sources

• packages/ui/src/components/recording/recording-completed-view.tsx
• packages/ui/src/components/recording/recording-controls.tsx
• apps/website/src/app/app/page.tsx