Improving request recording feature

1. Multi-Step Recording Flow for Recipients

Previously: When a recipient opened a recordingrequest link, they were immediately shown the media recorder. After recording, they saw a preview with an "Send recording" button that uploaded and immediately redirected them to the watch page.

Now: The recipient experience is broken into a guided 3-step flow:

1. Record — The recipient sees a centered message: "[Requester Name] is requesting a screen recording" with a "Record screen" button. Recording begins only when they click it.

2. Preview — After recording, the recipient sees a preview of their recording. They can "Record again" or click "Next" to proceed.

3. Send — A confirmation step showing "Send your recording to [Requester Name]" with a description: "Your recording has been saved. Click send to deliver it to the requester." The recipient can go "Back" to preview or click "Send recording."

A step indicator (Record → Preview → Send) is displayed at the top throughout, showing completed steps with a checkmark, the active step highlighted, and future steps grayed out.

After sending: Instead of an immediate redirect, the recipient sees a confirmation: "You have sent your recording to [Requester Name]" with a "View recording" button.

If already submitted: The same confirmation screen is shown with the requester's name.


2. Private Notes on Requested Recordings

For the requester (when creating a request):

- The "Request recording" pane now includes a private note editor (with yellow background) below the title field.

- Description text: "Add a private note for yourself. This note will only be visible to you and will appear alongside the recording once it's received."

- Placeholder text: "Add a private note.."

- The submit button label changed from "Copy recording link" to "Copy request link".

- After copying, a green success banner now appears inline: "Request link copied! Share it to receiving recordings." — the pane no longer auto-closes.

- Editing the title after copying dismisses the success banner.

For the requester (when viewing a received recording):

- A yellow notes icon button appears next to the recording title in the header (only for requested recordings).

- Clicking it opens a "Private note" side pane with subtitle: "This note will be private to you and will not be visible to your viewers."

- If a note exists, it's displayed in a yellow card with an edit button.

- If no note exists (or when editing), a rich text editor is shown with todo-list support.

- The note can be saved or cancelled.


3. Instructions for recording

Show different options


4. Text/Label Changes

Location: Request pane button

Old Text: "Copy recording link"

New Text: "Copy request link"

────────────────────────────────────────

Location: Preview action button

Old Text: "Send recording"

New Text: "Next"

────────────────────────────────────────

Location: Preview description

Old Text: "...click Send recording to send..."

New Text: "...click Next to proceed to send..."

────────────────────────────────────────

Location: Upload progress title

Old Text: "Uploading…"

New Text: "Sending recording…"


5. Reduce video size to view action buttons

Previously the video preview was large and the action buttons were hidden under scroll.


Allowing this will let people share a single link with multiple people. For example to receive a video recording for hiring purposes.


Fix the security vulnerability of showing view recording if link is opened by anyone after submission.


8. Show notification number badge on request recordings tab, if there are unopened notifications


Add on features

  • Set instructions for customer

  • Set expiry for the link

  • Allow multiple people to send recordings using the same link