feat: Add dedicated Meeting Details page with transcript and AI insights

[mrunmayeekokitkar]

Pull Request

Description

Implements a dedicated Meeting Details page that provides a comprehensive view of meeting information, including AI-generated insights, transcripts, participants, metadata, and management actions. This update introduces reusable detail components, backend support for fetching and updating individual meetings, and integrates the new page into the application's routing while preserving existing functionality.

Type of Change

• New Feature
• Bug Fix
• Documentation Update
• Refactor
• Performance Improvement
• Security Improvement
• Other

Related Issue

Closes #73

Changes

Meeting Details Page

• Created a dedicated MeetingDetails page component for displaying complete meeting information.
• Added loading, error, and empty states.
• Integrated all detail components into a single responsive page.
• Made the page accessible through /meeting/:id.

Components Created

Created the following reusable components under meeting-details:

• MeetingHeader
• MeetingSummary
• MeetingTranscript
• MeetingParticipants
• MeetingMetadata
• MeetingActions

MeetingHeader

Displays:

• Meeting title
• Meeting date
• Duration
• Status
• Meeting type

MeetingSummary

• Displays AI-generated meeting summaries.
• Supports both structured summaries and plain text summaries.
• Includes expand/collapse functionality for long summaries.

MeetingTranscript

• Displays the complete meeting transcript.
• Includes copy-to-clipboard functionality.
• Supports expand/collapse for lengthy transcripts.

MeetingParticipants

Displays participant information including:

• Avatar
• Name
• Role
• Email

MeetingMetadata

Displays meeting metadata including:

• Organization
• Creator
• Created date
• Updated date
• Duration
• Location
• Tags

MeetingActions

Provides quick actions for:

• Download transcript
• Download AI summary
• Rename meeting
• Delete meeting
• Return to meeting repository

---

Backend Changes

Controllers

Added:

• getMeetingById controller for retrieving individual meeting details.
• updateMeeting controller for renaming meetings.

Routes

Added backend endpoints:

• GET /api/meetings/:id – Retrieve meeting details.
• PATCH /api/meetings/:id – Rename/update meeting.

Routing

• Added /meeting/:id route to App.jsx.
• Wrapped the route with ProtectedRoute.

---

Dependencies

Installed:

• date-fns for consistent and reliable date formatting.

---

Features Implemented

• Dedicated meeting details page
• AI-generated meeting summaries
• Structured and text summary support
• Expandable summaries
• Full transcript display
• Copy transcript functionality
• Expandable transcript view
• Participant directory
• Meeting metadata display
• Download transcript
• Download summary
• Rename meeting
• Delete meeting
• Back to repository navigation
• Loading states
• Error states
• Empty states
• Responsive layout
• Protected routing

---

Implementation Summary

Backend

• Added getMeetingById controller in meetingController.js.
• Added updateMeeting controller for meeting renaming.
• Added:
  • GET /api/meetings/:id
  • PATCH /api/meetings/:id
    routes in meetingRoutes.js.

Frontend

Created:

• MeetingDetails.jsx – Main page integrating all detail components.
• MeetingHeader.jsx
• MeetingSummary.jsx
• MeetingTranscript.jsx
• MeetingParticipants.jsx
• MeetingMetadata.jsx
• MeetingActions.jsx

Navigation

• Added protected /meeting/:id route in App.jsx.

---

Testing

• Tested locally
• Existing functionality verified
• No new warnings or errors

Verification

• Prettier formatting completed successfully.
• ESLint passed after resolving React Hook dependency warnings.
• Production build completed successfully.
• Page verified at /meeting/:id.
• Meeting details, AI insights, transcripts, participants, metadata, and management actions function correctly.
• Changes committed and pushed to the Meeting-Details-Page branch.

Screenshots

N/A

Checklist

• Code follows project conventions
• Documentation updated where required
• No unnecessary files included
• Changes have been tested
• Ready for review

[vercel]

@mrunmayeekokitkar is attempting to deploy a commit to the Shiv Raj Singh's projects Team on Vercel.

A member of the Team first needs to authorize it.

[coderabbitai]

Warning

Review limit reached

@mrunmayeekokitkar, you've reached your PR review limit, so we couldn't start this review.

Next review available in: 6 minutes

Enable usage-based reviews in Billing to review now. Otherwise, wait until the next included review is available.
You're only billed for reviews past your plan's rate limits ($0.25/file).

How can I continue?

After more reviews become available, a review can be triggered using the @coderabbitai review command as a PR comment. Alternatively, push new commits to this PR.

To avoid repeated limits, reduce automatic review volume by pausing incremental auto-reviews earlier, using label-based review opt-in, excluding WIP or generated PR titles, or requesting reviews manually when the PR is ready. If your team needs uninterrupted high-volume reviews, an organization admin can enable usage-based reviews.

How do review limits work?

CodeRabbit enforces per-developer PR review limits for each organization. Most developers receive the normal plan review availability.

For paid Pro and Pro+ PR reviews, CodeRabbit uses adaptive limits for sustained high-volume activity. When a developer's recent PR review activity reaches the 95th percentile or higher among CodeRabbit users, additional reviews become available more gradually as earlier reviews age out of the rolling window.

Please refer docs for additional details.

Review details

⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro

Run ID: 770f1304-5db5-4f79-b7b7-ba1854c8c6c0

📥 Commits

Reviewing files that changed from the base of the PR and between f84163c and b449ded.

⛔ Files ignored due to path filters (1)

• client/package-lock.json is excluded by !**/package-lock.json

📒 Files selected for processing (11)

• client/package.json
• client/src/App.jsx
• client/src/components/meeting-details/MeetingActions.jsx
• client/src/components/meeting-details/MeetingHeader.jsx
• client/src/components/meeting-details/MeetingMetadata.jsx
• client/src/components/meeting-details/MeetingParticipants.jsx
• client/src/components/meeting-details/MeetingSummary.jsx
• client/src/components/meeting-details/MeetingTranscript.jsx
• client/src/pages/MeetingDetails.jsx
• server/controllers/meetingController.js
• server/routes/meetingRoutes.js

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
meetonmemory	Ready	Preview, Comment	Jul 7, 2026 4:56am

[imuniqueshiv]

@mrunmayeekokitkar Thank you so much for another excellent contribution to MeetOnMemory! 🚀

I really appreciate the effort and dedication you put into implementing the Meeting Details page. Your responsiveness to the review feedback and willingness to resolve the CI issues, merge conflicts, and other blockers made the review process much smoother.

I'm happy to have merged your PR! 🎉 Thank you for your continued contributions to the project.

If you found MeetOnMemory helpful, please consider ⭐ starring the repository. I look forward to seeing your future contributions. Happy coding! 💙