Fix truncated key purpose dropdown labels

[thephez]

Remove substring truncation and widen dropdowns to display full key purpose names like AUTHENTICATION and ENCRYPTION.

Co-Authored-By: Claude Opus 4.5 noreply@anthropic.com

Summary by CodeRabbit

Release Notes

• UI/UX Improvements
  • Key purpose names in configuration and management dropdowns now display in full instead of truncated versions.
  • Select dropdown controls have been resized for improved visual layout and consistency.

_{✏️ Tip: You can customize this high-level summary in your review settings.}

[coderabbitai]

📝 Walkthrough

Walkthrough

This PR updates UI presentation for key purpose selectors by enforcing minimum widths via CSS and extending option labels to display full purpose names instead of truncated versions across multiple select controls.

Changes

Cohort / File(s)	Summary
CSS Styling Updates index.html	Added two min-width: 155px constraints to .key-config .key-purpose-select and .add-key-config .manage-key-purpose-select to prevent select elements from collapsing.
Component Rendering Updates src/ui/components.ts	Replaced truncated purpose names (p.substring(0, 6)) with full purpose strings (${p}) in key and manage key option rendering across renderConfigureKeysStep and renderManageViewKeysStep functions.

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~3 minutes

Possibly related PRs

• Add ENCRYPTION to supported key purposes #5: Modifies key-purpose option handling in src/ui/components.ts, adding "ENCRYPTION" to KEY_PURPOSES array alongside these display text changes.

Poem

🐰 A rabbit's widened view,
Selects grow plump with rightful might,
No more truncated names in sight,
Full purpose strings now take their flight,
CSS and code align just right! ✨

🚥 Pre-merge checks | ✅ 2 | ❌ 1

❌ Failed checks (1 warning)

Check name	Status	Explanation	Resolution
Docstring Coverage	⚠️ Warning	Docstring coverage is 50.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 accurately summarizes the main change: removing substring truncation and widening dropdowns to display full key purpose names in dropdown labels.

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

✨ Finishing touches

• 📝 Generate docstrings

---

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.}