feat: enhance TemplateSelector with custom dropdown and improved acce…

[DanielCotoJ]

Summary by CodeRabbit

• New Features

  • Redesigned template selector with an interactive dropdown interface separating Built-in and Custom templates into distinct sections.
  • Added helpful messaging when no templates are available.

• Improvements

  • Enhanced keyboard navigation with Escape key support to close the dropdown.
  • Improved visual feedback highlighting the selected template.
  • Better styled dropdown panel with improved layout and scrolling.

[vercel]

@DanielCotoJ is attempting to deploy a commit to the ACTA Team on Vercel.

A member of the Team first needs to authorize it.

[coderabbitai]

Caution

Review failed

Pull request was closed or merged during review

📝 Walkthrough

Walkthrough

Replaced native HTML select element with a custom interactive dropdown component for template selection. The dropdown features state management (open/close), event handling (click-outside, Escape key), accessibility attributes, and organizes templates into Built-in and Custom sections with enhanced styling and fallback messaging.

Changes

Cohort / File(s)	Summary
Template Selector Dropdown Refactor src/components/modules/issue/ui/TemplateSelector.tsx	Replaced native select with custom interactive dropdown, adding open/close state management, outside-click and Escape key handling, and two-section categorization. Introduced memoized template selections (selectedTemplate, builtInTemplates, customTemplates), accessibility attributes (aria-haspopup, aria-expanded, role, aria-selected), and fallback messaging for empty template arrays.

Estimated code review effort

🎯 3 (Moderate) | ⏱️ ~25 minutes

Poem

🐰 Hops with delight

A dropdown so grand, no native select here,
Templates bloom in sections both far and so near,
Click, choose, and escape—the component takes flight,
Custom and built-in, accessibility tight! ✨

🚥 Pre-merge checks | ✅ 2 | ❌ 1

❌ 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%.	Write docstrings for the functions missing them to satisfy the coverage threshold.

✅ Passed checks (2 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	The title clearly summarizes the main change: enhancing TemplateSelector with a custom dropdown and improved accessibility features, which directly aligns with the file-level changes.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment

Tip

Try Coding Plans. Let us write the prompt for your AI agent so you can ship faster (with fewer bugs).
Share your feedback on Discord.

---

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 and usage tips.}

[vercel]

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

Project	Deployment	Actions	Updated (UTC)
dapp	Ready	Preview, Comment	Mar 5, 2026 4:28am