Skip to content

feat: add export/import buttons to mode selector popover #6321

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom
Closed
wants to merge 1 commit into from
Closed

feat: add export/import buttons to mode selector popover #6321

wants to merge 1 commit into from

Conversation

@roomote
Copy link
Contributor

@roomote roomote bot commented Jul 28, 2025 •
edited by ellipsis-dev bot
Loading

This PR adds export/import functionality directly to the mode selector popover, allowing users to quickly manage modes without navigating away from their current context.

Changes

  • Added export button for each mode in the popover list (appears on hover)
  • Added import button in the popover header next to existing buttons
  • Implemented export/import handlers with loading states
  • Added inline import dialog for selecting global/project level
  • Reused existing backend message handlers for export/import functionality

Implementation Details

The implementation follows the same pattern as the existing export/import functionality in ModesView.tsx:

  • State management for loading indicators (isExporting, isImporting, showImportDialog)
  • Message handlers that communicate with the backend via vscode.postMessage
  • Inline import dialog that allows users to choose between global and project-level imports

UI/UX Considerations

  • Export buttons are hidden by default and appear on hover to avoid cluttering the popover
  • Loading states provide visual feedback during export/import operations
  • The import dialog matches the design from ModesView for consistency

Testing

  • Manually tested export functionality for multiple modes
  • Verified import dialog appears and handles both global/project selections
  • Confirmed loading states work correctly during operations
  • Checked that the popover remains functional with the new buttons

Fixes #6320

Important

Adds export/import buttons to ModeSelector.tsx popover, enabling quick mode management with new state handling and UI elements.

  • UI Changes:
    • Added export button for each mode in ModeSelector.tsx, visible on hover.
    • Added import button in the popover header.
    • Inline import dialog for selecting global/project level.
  • State Management:
    • Added isExporting, isImporting, showImportDialog states in ModeSelector.tsx.
  • Functionality:
    • Implemented handleExportMode and handleImportMode functions in ModeSelector.tsx.
    • Reused existing backend message handlers for export/import.
  • Testing:
    • Manually tested export/import functionality and loading states.

This description was created by Ellipsis for aef8067. You can customize this summary. It will automatically update as commits are pushed.

@roomote
feat: add export/import buttons to mode selector popover
aef8067 
- Add export button for each mode in the popover list
- Add import button in the popover header
- Implement export/import handlers with loading states
- Add inline import dialog for selecting global/project level
- Reuse existing backend message handlers for export/import functionality

Fixes #6320
@roomote roomote bot requested review from cte, jr and mrubens as code owners July 28, 2025 23:04
@dosubot dosubot bot added the size:L This PR changes 100-499 lines, ignoring generated files. label Jul 28, 2025
@roomote roomote bot mentioned this pull request Jul 28, 2025
Closed
6 tasks
@dosubot dosubot bot added the UI/UX UI/UX related or focused label Jul 28, 2025
@hannesrudolph hannesrudolph added the Issue/PR - Triage New issue. Needs quick review to confirm validity and assign labels. label Jul 29, 2025
@github-project-automation github-project-automation bot moved this from Triage to Done in Roo Code Roadmap Jul 29, 2025
@github-project-automation github-project-automation bot moved this from New to Done in Roo Code Roadmap Jul 29, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

@mrubens mrubens Awaiting requested review from mrubens mrubens is a code owner

@cte cte Awaiting requested review from cte cte is a code owner

@jr jr Awaiting requested review from jr jr is a code owner

Assignees

No one assigned

Labels

Issue/PR - Triage New issue. Needs quick review to confirm validity and assign labels. size:L This PR changes 100-499 lines, ignoring generated files. UI/UX UI/UX related or focused

Projects

Roo Code Roadmap
Archived in project

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

Mode Selector: Add export/import buttons to popover for quick mode management

3 participants

@hannesrudolph @roomote