Skip to content

Comments

Audio Recording Page Improvements#63

Draft
skywinder wants to merge 8 commits intosky-devfrom
records
Draft

Audio Recording Page Improvements#63
skywinder wants to merge 8 commits intosky-devfrom
records

Conversation

@skywinder
Copy link
Collaborator

Summary

  • Auto-detect input devices: Devices auto-populate on page load, auto-refresh when plugged/unplugged
  • Sample rate explanations: Dropdown shows descriptive labels with use cases
  • Audio processing layout: Checkboxes in 3-column grid with descriptions
  • Global recording state: Recording persists across navigation with navbar indicator
  • Recent recordings list: Paginated list with playback and expandable details

Files Changed

New Files

  • frontend/src/stores/recordingStore.ts - Global recording state
  • frontend/src/components/RecordingIndicator.tsx - Navbar recording indicator
  • frontend/src/components/audio/RecentRecordingsList.tsx - Paginated recordings list
  • frontend/src/components/audio/RecordingCard.tsx - Recording card with details

Modified Files

  • frontend/src/hooks/useAudioRecording.ts - Device detection, global store sync
  • frontend/src/pages/CreateAudioRecordPage.tsx - UI improvements, recordings list
  • frontend/src/components/Layout.tsx - RecordingIndicator in navbar

Test Plan

  • Navigate to /audio/record - devices should auto-populate
  • Plug/unplug microphone - list updates automatically
  • Sample rate dropdown shows descriptions
  • Audio processing shows 3-column grid with descriptions
  • Start recording, navigate away - recording continues
  • Navbar shows recording indicator with duration
  • Click stop in navbar to stop recording
  • After stopping, recent recordings list appears
  • Click play to start playback
  • Expand recording card to see settings used

Made with Cursor

@skywinder skywinder changed the base branch from dev to sky-dev February 4, 2026 13:57
- Deleted the APIKeysPage component to streamline API key management.
- Updated the router to remove the API Keys route and adjusted the SettingsLayout to reflect this change.
- Modified the description in the SettingsLayout for the API section to clarify its purpose.
- Enhanced the APISettingsPage to incorporate API key management functionalities directly, improving user experience and accessibility.
- Deleted the APIKeysPage component to streamline API key management.
- Updated the router to remove the API Keys route and adjusted the SettingsLayout to reflect this change.
- Modified the description in the SettingsLayout for the API section to clarify its purpose.
- Enhanced the APISettingsPage to incorporate API key management functionalities directly, improving user experience and accessibility.
- Updated the token creation command in the backend to clarify the token name description and changed the default name to "default".
- Improved console output during API key generation for better user guidance.
- Revised the SetupPage to provide clearer instructions for running the token creation command, including Docker and local development options.
- Added server endpoint information for both Docker and non-Docker setups to assist users in connecting to the backend.
… and user guidance

- Added dependencies for the backend service in docker-compose to ensure proper startup order with MongoDB and Redis.
- Enhanced the SetupPage to include server endpoint information for both Docker and local development setups, improving clarity for users.
- Introduced a dropdown for selecting server type (Docker, Deno, Custom) to streamline user configuration.
- Added functionality to parse pasted credentials for MYCELIA_CLIENT_ID and MYCELIA_TOKEN, improving user experience.
- Updated UI elements to reflect changes and provide clearer guidance on server endpoint usage.
…sList, and RecordingCard components; enhance audio recording state management with zustand store.
@skywinder skywinder marked this pull request as draft February 4, 2026 15:44
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant