feat: add recorder

[imguoguo]

showSaveFilePicker API available only in https mode, so will check if this API is available before recording

[juice928]

👋 Hi, I'm an automated AI code review bot. I ran some checks on this PR and found 2 points that might be worth attention (could be false positives, please use your judgment):

1. Direct DOM access during the render phase might reference an unmounted element

   • Location: web/src/pages/desktop/menu/recorder/index.tsx:L46-L49
   • Impact: This could result in a null reference error and cause the application to crash if the element isn't ready during the initial render.
   • Suggestion: Consider using the useRef hook or moving the DOM query inside the event handler to ensure the element is available when needed.

2. Potential race condition between data writing and stream closure

   • Location: web/src/pages/desktop/menu/recorder/index.tsx:L69-L87
   • Impact: Closing the file stream before all asynchronous write operations finish may lead to data loss or unhandled errors.
   • Suggestion: Consider implementing a simple queue or a synchronization check to ensure all pending writes complete before the stream is closed.

If you find these suggestions disruptive, you can reply "stop" , and I'll automatically skip this repository in the future.