Skip to content

feat: Redesign env confirmation dialog with improved layout#186

Open
turbolego wants to merge 7 commits into
ggml-org:masterfrom
turbolego:feature/env-confirmation-dialog
Open

feat: Redesign env confirmation dialog with improved layout#186
turbolego wants to merge 7 commits into
ggml-org:masterfrom
turbolego:feature/env-confirmation-dialog

Conversation

@turbolego
Copy link
Copy Markdown

@turbolego turbolego commented May 16, 2026

Changes

This PR improves the environment selection confirmation dialog in llama-vscode.

Before/After:

Skjermbilde 2026-05-16 kl  06 53 55 Skjermbilde 2026-05-16 kl  07 39 13

What's Changed

  • Created custom WebView dialog to replace native modal (better control over layout)
  • Redesigned with vertical one-column layout:
    • Row 1 (Top): Confirmation message
    • Row 2 (Main): Scrollable env details section
    • Bottom: Cancel and Continue buttons
  • Dialog fits within screen height without excessive scrolling
  • Only env details section scrolls, not entire dialog
  • Uses VS Code theme colors for consistent appearance
  • Monospace font for detailed configuration readability

Files Modified

  • src/utils.ts: Added showEnvConfirmationDialog() and confirmEnvAction() methods
  • src/services/env-service.ts: Updated to use new env-specific confirmation dialog

UI Improvements

  • More intuitive vertical information flow
  • Better use of available screen space
  • Improved readability with structured layout
  • Native VS Code styling and theming

GitHub Actions added 7 commits May 16, 2026 07:36
…ollable details

- Create custom WebView dialog instead of native modal
- Layout: Message on left, env details on right (scrollable)
- Env details section only scrolls, dialog fits within screen height
- Wider popup reduces vertical scrolling and improves readability
- Add confirmEnvAction() method for environment-specific dialogs
- Update env-service to use new dialog for env selection confirmation
…yout

- Message now displayed at top (row 1)
- Env details section below (row 2, scrollable)
- Buttons remain at bottom
- More intuitive vertical flow for sequential information reading
- Create showFilePermissionDialog() for scrollable file path display
- Add confirmFilePermissionAction() helper method
- Update tools.ts to use new file permission dialog
- File path no longer cut off - scrollable section for full visibility
- Consistent styling with env confirmation dialog
- Supports Yes/No and Don't Ask Again options
- Convert showYesNoDialog() to use custom WebView instead of native modal
- Convert showOkDialog() to use custom WebView instead of native modal
- Update confirmAction() to use showEnvConfirmationDialog() for consistency
- All env popups now display full details without text truncation
- Fixes env add, delete, view, export confirmations
- Update showYesYesdontaskNoDialog() to use custom WebView format
- Update showYesNoNodontAskDialog() to use custom WebView format
- Update showUserChoiceDialog() to use custom WebView format
- All dialogs now support scrollable message areas
- Fixes env startup confirmation (architect.ts)
- Fixes installation confirmations
- Ensures consistent UI across all confirmation dialogs
- Fix \\n to \n in showYesYesdontaskNoDialog()
- Fix \\n to \n in showYesNoNodontAskDialog()
- Fix \\n to \n in showUserChoiceDialog()
- Ensures newline characters are properly converted to HTML <br> tags
- Fixes text truncation issues in all confirmation dialogs
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