Skip to content

feat(UVE): Redesign Content Palette#33660

Merged
rjvelazco merged 93 commits into
mainfrom
issue-32640-epic-uve-redesign-content-palette
Nov 7, 2025
Merged

feat(UVE): Redesign Content Palette#33660
rjvelazco merged 93 commits into
mainfrom
issue-32640-epic-uve-redesign-content-palette

Conversation

@rjvelazco
Copy link
Copy Markdown
Member

@rjvelazco rjvelazco commented Oct 27, 2025

Video

video.mov

Description

This PR enhances the Universal Visual Editor (UVE) content palette with improved look and feel and new organizational features. The palette now provides better content discovery and management through a redesigned interface with tabbed navigation.

New Features

  • Content Type Tab: Browse and filter content types available for the current page context
  • Widget Tab: Dedicated view for widget content types with separate filtering
  • Favorites Tab: Quick access to frequently used content types with persistent storage
  • Advanced Filtering: Real-time search and filtering across all tabs with debounced input
  • Sorting Options: Sort content types by popularity (usage) or alphabetically (A-Z, Z-A)
  • View Modes: Toggle between grid and list view for better content visualization
  • Pagination: Improved pagination controls for large content type collections

UI/UX Improvements

  • Modern tabbed interface for better content organization
  • Consistent card-based layout across all views
  • Responsive design with grid and list view options
  • Loading states with skeleton loaders
  • Empty states with helpful messaging
  • Context menus for quick actions (add/remove favorites)

Technical Details

  • Framework: Angular 19 with standalone components
  • State Management: NgRx Signals for reactive state
  • UI Components: PrimeNG 17 (Listbox, Menu, Paginator, etc.)
  • Testing: Jest + Spectator with full component isolation
  • Storage: LocalStorage for favorites persistence

Files Changed

  • dot-uve-palette/ - Main palette container
  • dot-uve-palette-list/ - Reusable list component with store
  • dot-favorite-selector/ - Favorites management
  • dot-uve-palette-contenttype/ - Content type card
  • dot-uve-palette-contentlet/ - Contentlet card

This PR fixes: #32640

zJaaal and others added 30 commits October 22, 2025 13:41
…t types and pagination, enhancing data handling and pagination logic
- Add missing import for BaseContentType
- Add Stream import for enhanced collection processing
- Support for content type palette redesign functionality

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

Co-Authored-By: Claude <noreply@anthropic.com>
…d improve code structure with new model definitions
…e computed properties for active state and enhance styling for better user experience
Comment thread core-web/libs/dotcms-models/src/lib/dot-api-response.ts
Comment thread core-web/yarn.lock
rjvelazco and others added 5 commits November 3, 2025 14:08
- Add findByUrlMapPattern method to ContentTypeAPI and ContentTypeAPIImpl
- Implement regex-based URL pattern matching for content type discovery
- Support URL map patterns with {variable} placeholders and wildcards
- Enable content type filtering based on detail page path associations
- Enhance content type palette with URL-based content type discovery

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

Co-Authored-By: Claude <noreply@anthropic.com>
@rjvelazco rjvelazco added this pull request to the merge queue Nov 7, 2025
Merged via the queue into main with commit d018b4b Nov 7, 2025
41 checks passed
@rjvelazco rjvelazco deleted the issue-32640-epic-uve-redesign-content-palette branch November 7, 2025 20:58
@rjvelazco rjvelazco linked an issue Nov 10, 2025 that may be closed by this pull request
dsolistorres pushed a commit that referenced this pull request Dec 9, 2025
## Video


https://github.com/user-attachments/assets/c93bff1c-b292-49f8-8734-fb2c345234b8

## Description

This PR enhances the Universal Visual Editor (UVE) content palette with
improved look and feel and new organizational features. The palette now
provides better content discovery and management through a redesigned
interface with tabbed navigation.

### New Features

- Content Type Tab: Browse and filter content types available for the
current page context
- Widget Tab: Dedicated view for widget content types with separate
filtering
- Favorites Tab: Quick access to frequently used content types with
persistent storage
- Advanced Filtering: Real-time search and filtering across all tabs
with debounced input
- Sorting Options: Sort content types by popularity (usage) or
alphabetically (A-Z, Z-A)
- View Modes: Toggle between grid and list view for better content
visualization
- Pagination: Improved pagination controls for large content type
collections

### UI/UX Improvements

- Modern tabbed interface for better content organization
- Consistent card-based layout across all views
- Responsive design with grid and list view options
- Loading states with skeleton loaders
- Empty states with helpful messaging
- Context menus for quick actions (add/remove favorites)

### Technical Details

- Framework: Angular 19 with standalone components
- State Management: NgRx Signals for reactive state
- UI Components: PrimeNG 17 (Listbox, Menu, Paginator, etc.)
- Testing: Jest + Spectator with full component isolation
- Storage: LocalStorage for favorites persistence

### Files Changed

- dot-uve-palette/ - Main palette container
- dot-uve-palette-list/ - Reusable list component with store
- dot-favorite-selector/ - Favorites management
- dot-uve-palette-contenttype/ - Content type card
- dot-uve-palette-contentlet/ - Contentlet card

---------

Co-authored-by: Jalinson Diaz <zjaaaldev@gmail.com>
Co-authored-by: nollymarlonga <nollymar@gmail.com>
Co-authored-by: Claude <noreply@anthropic.com>
dsolistorres pushed a commit that referenced this pull request Feb 20, 2026
## Video


https://github.com/user-attachments/assets/c93bff1c-b292-49f8-8734-fb2c345234b8

## Description

This PR enhances the Universal Visual Editor (UVE) content palette with
improved look and feel and new organizational features. The palette now
provides better content discovery and management through a redesigned
interface with tabbed navigation.

### New Features

- Content Type Tab: Browse and filter content types available for the
current page context
- Widget Tab: Dedicated view for widget content types with separate
filtering
- Favorites Tab: Quick access to frequently used content types with
persistent storage
- Advanced Filtering: Real-time search and filtering across all tabs
with debounced input
- Sorting Options: Sort content types by popularity (usage) or
alphabetically (A-Z, Z-A)
- View Modes: Toggle between grid and list view for better content
visualization
- Pagination: Improved pagination controls for large content type
collections

### UI/UX Improvements

- Modern tabbed interface for better content organization
- Consistent card-based layout across all views
- Responsive design with grid and list view options
- Loading states with skeleton loaders
- Empty states with helpful messaging
- Context menus for quick actions (add/remove favorites)

### Technical Details

- Framework: Angular 19 with standalone components
- State Management: NgRx Signals for reactive state
- UI Components: PrimeNG 17 (Listbox, Menu, Paginator, etc.)
- Testing: Jest + Spectator with full component isolation
- Storage: LocalStorage for favorites persistence

### Files Changed

- dot-uve-palette/ - Main palette container
- dot-uve-palette-list/ - Reusable list component with store
- dot-favorite-selector/ - Favorites management
- dot-uve-palette-contenttype/ - Content type card
- dot-uve-palette-contentlet/ - Contentlet card

---------

Co-authored-by: Jalinson Diaz <zjaaaldev@gmail.com>
Co-authored-by: nollymarlonga <nollymar@gmail.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.

[EPIC] UVE: Redesign Content Palette

5 participants