polished ai notetaking page

[ComputelessComputer]

• Added motion library for animations
• Updated AI notetaking page with refined UI and text

[netlify]

✅ Deploy Preview for hyprnote ready!

Name	Link
🔨 Latest commit	9ed0371
🔍 Latest deploy log	https://app.netlify.com/projects/hyprnote/deploys/6923388ef019bd0008d77a8f
😎 Deploy Preview	https://deploy-preview-1826--hyprnote.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[coderabbitai]

Caution

Review failed

The pull request is closed.

📝 Walkthrough

Walkthrough

Added the "motion" runtime dependency and refactored the AI notetaking product page with new internal UI components including CollaboratorsCell, ShareLinksCell, and TrackProtectCell that render dynamic animations and interactive popovers. Applied minor styling updates to the workflows page.

Changes

Cohort / File(s)	Change Summary
Dependency Addition apps/web/package.json	Added "motion" runtime dependency (^11.18.2)
AI Notetaking UI Refactor apps/web/src/routes/_view/product/ai-notetaking.tsx	Introduced three new internal memoized components (CollaboratorsCell, ShareLinksCell, TrackProtectCell) with internal state machines and animations; replaced static editor containers with MockWindow components; reworked SharingSection, SummariesSection, TranscriptionSection, and EditorSection; expanded imports to include motion components, lucide icons, and Image component
Styling Updates apps/web/src/routes/_view/product/workflows.tsx	Updated border radius values: Hyprnote icon from rounded-[32px] to rounded-4xl; draggable icon container from rounded-[24px] to rounded-3xl

Estimated code review effort

🎯 3 (Moderate) | ⏱️ ~25 minutes

• Extra attention needed: The ai-notetaking.tsx file contains substantial UI restructuring with new internal state machines, dynamic animations, and nested popover components that require careful verification of component behavior and animation correctness.
• Focus areas: CollaboratorsCell, ShareLinksCell, and TrackProtectCell implementations; MockWindow integration; conditional rendering logic for mobile/desktop sections.

Possibly related PRs

• polished notepad page #1675 — Directly modifies the same ai-notetaking.tsx file with related MockWindow component usage.
• ui changes #1781 — Changes the Image component API/props that this PR now uses in ai-notetaking.tsx, representing a direct code-level dependency.
• landing #1649 — Concurrently modifies ai-notetaking.tsx with copy, styling, and responsive layout adjustments in the same file.

Suggested reviewers

• yujonglee

✨ Finishing touches

• 📝 Generate docstrings

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment
• Commit unit tests in branch c-branch-2

---

📜 Recent review details

Configuration used: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between 679881e and 9ed0371.

⛔ Files ignored due to path filters (1)

• pnpm-lock.yaml is excluded by !**/pnpm-lock.yaml

📒 Files selected for processing (3)

• apps/web/package.json (1 hunks)
• apps/web/src/routes/_view/product/ai-notetaking.tsx (11 hunks)
• apps/web/src/routes/_view/product/workflows.tsx (2 hunks)

---

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