recording

Summary

One recording: player, metadata, technical details, and its actions.

Raw wireframe

• .context/designs/web/library/recording.html
• .context/designs/web/library/recording-loading.html
• .context/designs/web/library/recording-error.html

Why it is drawn this way

Go Back is history, not the library. The button calls router.back(). The drawing links it to the library, the usual place you came from.

Four actions, no plan gate. Public Link, Share with Team, Edit and Delete render for every signed-in user.

The status badge is always blue. The page passes color="blue" for any status; the card in the library uses green for READY.

The Type tile shows a letter. It prints the first character of the type instead of an icon.

Technical Details can vanish. The card returns nothing when no field is set.

Missing and failed look the same. A query error or an empty result both show Recording Not Found.

Related

• recording-edit
• delete-recording
• share-link
• share-team
• library

Sources

• apps/website/src/app/recording/[id]/page.tsx
• packages/ui/src/components/recording/recording-media-player.tsx
• packages/ui/src/components/recording/recording-metadata.tsx
• packages/ui/src/components/recording/recording-technical-details.tsx