Skip to content

roadmap/update-feature-roadmap#2194

Merged
ComputelessComputer merged 3 commits intomainfrom
roadmap/update-feature-roadmap
Dec 9, 2025
Merged

roadmap/update-feature-roadmap#2194
ComputelessComputer merged 3 commits intomainfrom
roadmap/update-feature-roadmap

Conversation

@ComputelessComputer
Copy link
Collaborator

Overview

  • Added multiple feature roadmap items for Hyprnote
  • Updated roadmap items with more detailed descriptions and labels
  • Simplified status and labels styling

@netlify
Copy link

netlify bot commented Dec 9, 2025

Deploy Preview for hyprnote-storybook ready!

Name Link
🔨 Latest commit 3cbeaaa
🔍 Latest deploy log https://app.netlify.com/projects/hyprnote-storybook/deploys/69380d3b9bd4ec00088b6843
😎 Deploy Preview https://deploy-preview-2194--hyprnote-storybook.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

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

@netlify
Copy link

netlify bot commented Dec 9, 2025

Deploy Preview for hyprnote ready!

Name Link
🔨 Latest commit 3cbeaaa
🔍 Latest deploy log https://app.netlify.com/projects/hyprnote/deploys/69380d3b8c78390008f6499d
😎 Deploy Preview https://deploy-preview-2194--hyprnote.netlify.app
📱 Preview on mobile
Toggle QR Code...

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
Copy link
Contributor

coderabbitai bot commented Dec 9, 2025

📝 Walkthrough

Walkthrough

This PR reorganizes the product roadmap by adding 12 new feature and product roadmap entries (API, bot, daily-notes, extensions, floating-panel, hyprmail, hyprnote-hardware, memory, mobile, smartwatch, windows, workflows) while removing 3 outdated entries. The roadmap detail page component is refactored to consolidate status styling, adjust layout spacing, and update the GitHub issues section to use a responsive grid.

Changes

Cohort / File(s) Summary
New Roadmap Entries
apps/web/content/roadmap/api.mdx, bot.mdx, daily-notes.mdx, extensions.mdx, floating-panel.mdx, hyprmail.mdx, hyprnote-hardware.mdx, memory.mdx, mobile.mdx, smartwatch.mdx, windows.mdx, workflows.mdx
Added 12 new MDX roadmap entries describing planned features and products including API/webhooks, digital bot clone, daily notes aggregation, plugin extensions, floating meeting panel, Hyprmail email assistant, hardware concept, AI memory system, mobile apps, smartwatch integration, Windows/Linux support, and workflow automation. Each includes consistent frontmatter (title, status, created date, labels) and descriptive content.
Removed Roadmap Entries
apps/web/content/roadmap/mobile-app.mdx, pdf-export.mdx, real-time-collaboration.mdx
Removed three outdated roadmap entries (mobile-app, pdf-export, real-time-collaboration).
Roadmap Detail Page Refactoring
apps/web/src/routes/_view/roadmap/$slug.tsx
Refactored component styling and layout: consolidated per-status styling fields (iconColor, bgColor, borderColor) into single status.className string; adjusted container dimensions and padding; simplified header status display and label rendering; consolidated date display logic to show "Created" and "Updated" in unified format; converted GitHub issues section from stacked list to responsive grid with fallback message for no issues; removed explicit "Back to roadmap" footer block.

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~15 minutes

  • The new MDX files follow a consistent, repetitive pattern with frontmatter and descriptive content, reducing per-file review complexity.
  • File removals are straightforward deletions with no logic impact.
  • The component refactoring involves multiple coordinated styling and layout changes in a single file—review focus should verify class consolidation is consistent, layout adjustments render correctly across breakpoints, and date formatting logic handles all edge cases (missing updated date, etc.).

Possibly related PRs

  • #1971: Modifies the same roadmap view component and roadmap content structure, indicating related architectural or content reorganization work.

Suggested reviewers

  • yujonglee

Pre-merge checks and finishing touches

❌ Failed checks (1 warning)
Check name Status Explanation Resolution
Docstring Coverage ⚠️ Warning Docstring coverage is 0.00% which is insufficient. The required threshold is 80.00%. You can run @coderabbitai generate docstrings to improve docstring coverage.
✅ Passed checks (2 passed)
Check name Status Explanation
Title check ✅ Passed The title 'roadmap/update-feature-roadmap' directly reflects the main changes in the PR, which involve updating and adding multiple feature roadmap items.
Description check ✅ Passed The description accurately relates to the changeset, covering the three main aspects: adding feature roadmap items, updating descriptions/labels, and simplifying styling.
✨ 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 roadmap/update-feature-roadmap

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

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

Copy link
Contributor

@coderabbitai coderabbitai bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Actionable comments posted: 4

🧹 Nitpick comments (2)
apps/web/src/routes/_view/roadmap/$slug.tsx (1)

117-143: Consider extracting duplicate date formatting logic.

The date formatting options are duplicated three times. Consider extracting to a constant or helper function to improve maintainability.

For example:

const dateFormatOptions: Intl.DateTimeFormatOptions = {
  year: "numeric",
  month: "short",
  day: "numeric",
};

// Then use:
new Date(item.updated).toLocaleDateString("en-US", dateFormatOptions)

Or extract to a helper function:

const formatDate = (date: string) =>
  new Date(date).toLocaleDateString("en-US", {
    year: "numeric",
    month: "short",
    day: "numeric",
  });
apps/web/content/roadmap/memory.mdx (1)

1-8: Strong roadmap entry with thoughtful positioning.

The entry clearly articulates the philosophy behind Hyprnote's memory approach—focusing on relevant, contextual information rather than random data.

One minor optional note: the static analysis tool suggests the word "deep" in "deep understanding" might be replaced with stronger language for emphasis, though the current phrasing is perfectly acceptable.

📜 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 e4551bc and 3cbeaaa.

📒 Files selected for processing (16)
  • apps/web/content/roadmap/api.mdx (1 hunks)
  • apps/web/content/roadmap/bot.mdx (1 hunks)
  • apps/web/content/roadmap/daily-notes.mdx (1 hunks)
  • apps/web/content/roadmap/extensions.mdx (1 hunks)
  • apps/web/content/roadmap/floating-panel.mdx (1 hunks)
  • apps/web/content/roadmap/hyprmail.mdx (1 hunks)
  • apps/web/content/roadmap/hyprnote-hardware.mdx (1 hunks)
  • apps/web/content/roadmap/memory.mdx (1 hunks)
  • apps/web/content/roadmap/mobile-app.mdx (0 hunks)
  • apps/web/content/roadmap/mobile.mdx (1 hunks)
  • apps/web/content/roadmap/pdf-export.mdx (0 hunks)
  • apps/web/content/roadmap/real-time-collaboration.mdx (0 hunks)
  • apps/web/content/roadmap/smartwatch.mdx (1 hunks)
  • apps/web/content/roadmap/windows.mdx (1 hunks)
  • apps/web/content/roadmap/workflows.mdx (1 hunks)
  • apps/web/src/routes/_view/roadmap/$slug.tsx (3 hunks)
💤 Files with no reviewable changes (3)
  • apps/web/content/roadmap/mobile-app.mdx
  • apps/web/content/roadmap/pdf-export.mdx
  • apps/web/content/roadmap/real-time-collaboration.mdx
🧰 Additional context used
📓 Path-based instructions (1)
**/*.{ts,tsx}

📄 CodeRabbit inference engine (AGENTS.md)

**/*.{ts,tsx}: Avoid creating a bunch of types/interfaces if they are not shared. Especially for function props, just inline them instead.
Never do manual state management for form/mutation. Use useForm (from tanstack-form) and useQuery/useMutation (from tanstack-query) instead for 99% of cases. Avoid patterns like setError.
If there are many classNames with conditional logic, use cn (import from @hypr/utils). It is similar to clsx. Always pass an array and split by logical grouping.
Use motion/react instead of framer-motion.

Files:

  • apps/web/src/routes/_view/roadmap/$slug.tsx
🧠 Learnings (2)
📚 Learning: 2025-11-24T16:32:30.770Z
Learnt from: CR
Repo: fastrepl/hyprnote PR: 0
File: apps/web/content/changelog/AGENTS.md:0-0
Timestamp: 2025-11-24T16:32:30.770Z
Learning: Applies to apps/web/content/changelog/** : Only include desktop-related changes in the changelog when reading through commits and diffs

Applied to files:

  • apps/web/content/roadmap/windows.mdx
📚 Learning: 2025-11-24T16:32:29.314Z
Learnt from: CR
Repo: fastrepl/hyprnote PR: 0
File: apps/web/content/changelog/AGENTS.md:0-0
Timestamp: 2025-11-24T16:32:29.314Z
Learning: Applies to apps/web/content/changelog/** : Only keep desktop-related changes when maintaining changelog entries from commits and diffs

Applied to files:

  • apps/web/content/roadmap/windows.mdx
🧬 Code graph analysis (1)
apps/web/src/routes/_view/roadmap/$slug.tsx (2)
packages/utils/src/cn.ts (1)
  • cn (20-22)
apps/storybook/stories/Button.stories.tsx (1)
  • Icon (72-77)
🪛 LanguageTool
apps/web/content/roadmap/extensions.mdx

[grammar] ~8-~8: Ensure spelling is correct
Context: ...nsion to display charts directly within Hyprnote during meetings.

(QB_NEW_EN_ORTHOGRAPHY_ERROR_IDS_1)

apps/web/content/roadmap/memory.mdx

[style] ~8-~8: Consider a different adjective to strengthen your wording.
Context: ...yprnote gains more context, it builds a deep understanding of your daily and work li...

(DEEP_PROFOUND)

⏰ Context from checks skipped due to timeout of 90000ms. You can increase the timeout in your CodeRabbit configuration to a maximum of 15 minutes (900000ms). (5)
  • GitHub Check: Redirect rules - hyprnote
  • GitHub Check: Header rules - hyprnote
  • GitHub Check: Pages changed - hyprnote
  • GitHub Check: ci
  • GitHub Check: fmt
🔇 Additional comments (11)
apps/web/content/roadmap/bot.mdx (1)

1-8: LGTM! Clear roadmap entry.

The bot feature is well-described with concrete use cases (double-booking, information gathering) and integration points (Slack). Front matter follows the established schema correctly.

apps/web/content/roadmap/extensions.mdx (1)

1-8: LGTM! Well-described extensibility vision.

The extension system is clearly articulated with a familiar reference point (VS Code) and concrete use case (investment analyst charts). The static analysis hint about "Hyprnote" spelling is a false positive—it's the product name.

apps/web/content/roadmap/windows.mdx (1)

1-8: LGTM! Clear cross-platform expansion plan.

The Windows and Linux roadmap entry is concise and clearly communicates the platform expansion goal.

apps/web/content/roadmap/mobile.mdx (1)

1-8: LGTM! Thoughtful platform differentiation.

The mobile roadmap entry does an excellent job explaining the distinct use cases (conferences, in-person meetings) and how mobile complements other platforms rather than just duplicating functionality.

apps/web/content/roadmap/daily-notes.mdx (1)

1-8: LGTM! Comprehensive productivity feature.

The Daily Notes feature is well-described with a clear mental model (Facebook timeline) and explains the value of aggregating multiple data sources into a unified view.

apps/web/content/roadmap/workflows.mdx (1)

1-8: LGTM! Clear automation feature differentiation.

The Workflows entry effectively explains the distinction between webhooks (developer-focused) and workflows (visual, no-code), making the value proposition clear.

apps/web/content/roadmap/hyprnote-hardware.mdx (1)

1-8: LGTM! Innovative hardware vision.

The hardware roadmap entry thoughtfully addresses the design challenge of non-intrusive ambient listening with multiple form factor explorations (e-ink tablet, pendant, ring, pen). The reasoning about social acceptability is particularly well-articulated.

apps/web/content/roadmap/floating-panel.mdx (1)

1-8: LGTM!

Well-structured roadmap entry with clear frontmatter and a detailed description of the floating panel feature. The description effectively communicates the purpose, default behavior, customization options, and key UI elements.

apps/web/content/roadmap/smartwatch.mdx (1)

1-8: LGTM!

Well-reasoned roadmap entry. The description effectively explains the strategic choice to integrate with existing smartwatch ecosystems rather than custom hardware, with good justification around daily usage, intrusiveness, and practical audio capture positioning.

apps/web/content/roadmap/hyprmail.mdx (1)

1-8: LGTM!

Clear product roadmap entry with appropriate "product" label (distinct from features). The description effectively outlines Hyprmail's core value proposition as an inbox assistant, including integration points with Hyprnote and key capabilities like sorting, scheduling, and task extraction.

apps/web/content/roadmap/api.mdx (1)

1-8: LGTM!

Well-articulated feature roadmap entry. The description clearly explains the API and webhooks functionality with concrete use cases (pre-meeting research, automated note distribution to external tools). The mention of MCP shows thoughtful integration strategy for bringing meeting context into external applications.

@ComputelessComputer ComputelessComputer merged commit afdf9bc into main Dec 9, 2025
13 checks passed
@ComputelessComputer ComputelessComputer deleted the roadmap/update-feature-roadmap branch December 9, 2025 15:07
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant