Skip to content

Add Download/Paste Features with Modal Dialog#3

Merged
bug-breeder merged 1 commit intomainfrom
feat/download-paste-modal
Aug 25, 2025
Merged

Add Download/Paste Features with Modal Dialog#3
bug-breeder merged 1 commit intomainfrom
feat/download-paste-modal

Conversation

@bug-breeder
Copy link
Contributor

Summary

Adds download and paste functionality with a modern modal dialog interface to enhance the user experience.

New Features

  • 📁 Download Button: Save content as markdown file with custom filename
  • 📋 Paste Button: Paste content from clipboard into editor
  • 🎨 Modal Dialog: Professional filename input using HeroUI Modal component
  • 🌅 Light Theme Default: App starts with light theme instead of system preference

User Experience Improvements

  • Custom Filename: Users can specify filename before download via modal dialog
  • Button Reordering: Clear → Copy → Paste → Download for logical workflow
  • Keyboard Support: Enter key to confirm download, Escape to cancel
  • Responsive Modal: Works perfectly on mobile and desktop
  • Input Validation: Handles empty filenames with fallback

Technical Enhancements

  • HeroUI Modal: Consistent with app design system
  • Auto-focus: Cursor automatically starts in filename field
  • Error Handling: Graceful handling of clipboard permissions
  • File Type: Proper markdown (.md) file format
  • Memory Management: Proper cleanup of blob URLs

Dependencies

  • Added @heroui/modal for consistent UI components
  • Updated provider with defaultTheme="light" configuration

🤖 Generated with Claude Code

- Add Download button with filename input modal using HeroUI Modal component
- Add Paste button to paste content from clipboard
- Replace browser prompt with elegant modal dialog for file naming
- Set default theme to light instead of system preference
- Reorder action buttons: Clear → Copy → Paste → Download
- Install @heroui/modal dependency for consistent UI design
- Support Enter key in filename input for quick download
- Auto-focus filename field with validation and fallback

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
@bug-breeder bug-breeder merged commit 882fef5 into main Aug 25, 2025
1 check failed
bug-breeder added a commit that referenced this pull request Sep 3, 2025
- Add Download button with filename input modal using HeroUI Modal component
- Add Paste button to paste content from clipboard
- Replace browser prompt with elegant modal dialog for file naming
- Set default theme to light instead of system preference
- Reorder action buttons: Clear → Copy → Paste → Download
- Install @heroui/modal dependency for consistent UI design
- Support Enter key in filename input for quick download
- Auto-focus filename field with validation and fallback

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-authored-by: Alan Nguyen <alanguyen@axon.com>
Co-authored-by: Claude <noreply@anthropic.com>
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