Feat: AI Meeting Recording Integration Frontend #243
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
…on (Phase 2) Add settings infrastructure for coach integration configuration and per-relationship AI privacy settings: Settings Page: - Add /settings route with layout matching existing app structure - SettingsContainer with Integrations and Relationships tabs - Coach-only access (coachees see informational message) Integration Settings (coach-only): - Google Account connection status and OAuth flow trigger - Recall.ai API key input with save and verify functionality - AssemblyAI API key input with save and verify functionality - Status badges showing connection/verification state Relationship Settings (coach-only): - Per-coachee Google Meet URL configuration - Per-relationship AI privacy level selection: - Full: All AI features (recording, transcript, suggestions) - Transcribe Only: Text transcription without video/audio storage - None: No AI features for privacy-conscious clients - Visual privacy level selector with icons and descriptions Type Definitions: - Add AiPrivacyLevel enum to coaching-relationship types - Add meeting_url and ai_privacy_level to CoachingRelationship - Add UserIntegration types for API credentials status - Add MeetingRecording, Transcription, TranscriptSegment types - Add AiSuggestedItem types for AI-suggested actions/agreements API Updates: - Add user-integrations API module with hooks - Implement coaching relationship update for meeting_url and ai_privacy_level - Link Settings in user-nav dropdown Relates to: #146
Add frontend components for the AI meeting recording and transcription feature: API Modules: - meeting-recordings.ts: Recording start/stop, transcript fetching with polling - ai-suggestions.ts: Accept/dismiss AI-detected actions and agreements Components: - meeting-controls.tsx: Join Meet button + Start/Stop recording controls - session-transcript.tsx: Displays transcript with segments and AI suggestions - transcript-segment.tsx: Single utterance with speaker label and sentiment - session-summary.tsx: AI-generated session summary with empty state - ai-suggestions-panel.tsx: Groups AI-detected actions/agreements - ai-suggestion-card.tsx: Accept/dismiss card for individual suggestions Integrations: - Added Summary tab to coaching-tabs-container (4th tab after Actions) - Added Transcript tab to overarching-goal-container with green dot indicator - Added MeetingControls to coaching session page header Relates to #146
- Add polling to transcript hooks for automatic updates (5s interval)
- Fix empty POST body type (null → {} for TypeScript compatibility)
- Unify user integrations API to single endpoint
- Simplify meeting controls header layout
- Create HeaderSessionSelector component that only renders on coaching session pages - Add session selector to site header (left of theme toggle and user nav) - Remove duplicate session selector from coaching session page - Add polling (5s interval) to useAiSuggestions hook for automatic updates
- Increase width to w-64/md:w-72/lg:w-80 for better content display - Remove restrictive pr-2 padding that clipped dropdown arrow - Increase chevron icon size from h-4 to h-5 for better visibility - Add shrink-0 to prevent icon compression
- Add Extract Actions/Agreements menu items to meeting controls - Add coachee relationship settings for privacy level consent - Add auto-approve AI suggestions toggle to integration settings - Display AI extraction results (actions/agreements) in session summary - Update coaching relationship types for dual privacy levels - Add API functions for manual LeMUR extraction endpoints
- Remove transcript tab from overarching goals container - Add transcript tab with green status indicator to coaching tabs - Reorder tabs: Notes, Agreements, Actions, Summary, Transcript - Green dot shows when transcript is available (completed status)
This was referenced Dec 24, 2025
- Replace relationship list with dropdown to select one at a time - Coach view: Select coachee dropdown for meeting URL and AI privacy config - Coachee view: Select coach dropdown for privacy consent settings - Cleaner UI that scales better with many relationships
- Add 'Create Meet' button when no meeting URL is set - Call backend API to create Google Meet via user's connected account - Pass user_id parameter to OAuth authorize endpoint - Add createGoogleMeet API method
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Summary
Frontend components for the AI-powered meeting recording integration, enabling coaches and coachees to manage recordings, view transcripts, and review AI-extracted action items.
Key Features
UI/UX Improvements
due_bydates in actions listTest Plan