feat(ai): add AI-powered font selection generator #746
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
added 4 commits
January 7, 2026 11:10
Add frontend UI for AI-powered font selection in theme settings. This allows users to describe desired typography and receive AI-generated font recommendations. New files: - js/dist/settings-admin/theme-settings-fonts.js: Frontend handler for AI font generation including loading states and form updates Modified files: - fonts-theme-settings.inc: Add AI prompt textarea and generate button to Fonts settings vertical tab - dxpr-theme.admin.themesettings.scss: Add .ai-font-generator styles matching the existing color palette generator UI Features: - Ctrl/Cmd+Enter keyboard shortcut to submit prompt - Loading state with disabled button during generation - Rainbow border animation on font selects during generation - Error display for failed requests - Success flash on completion - Automatic select field updates via change event dispatch
Change rainbow border animation timing from post-generation flash to during-generation indicator. This provides better visual feedback that AI is working on the request. Before: Rainbow borders appeared briefly AFTER colors were applied After: Rainbow borders show WHILE generation is in progress This creates a consistent UX pattern with the new AI font generator which already shows the animation during generation.
Compiled artifacts from Docker build process: - css/dxpr-theme.admin.themesettings.css: Compiled SCSS with .ai-font-generator styles - dxpr-theme-settings-admin.js: Updated admin JS bundle - dxpr-theme-settings-admin.bundle.min.js: Minified production bundle
Integrate font live preview feature from 8.x branch. Resolved conflict in minified bundle by rebuilding.
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Linked issues
Related PRs
Solution
Add frontend UI for AI-powered font selection in theme settings. This allows users to describe desired typography and receive AI-generated font recommendations from the backend service in dxpr_theme_helper.
New files:
js/dist/settings-admin/theme-settings-fonts.js: Frontend handler for AI font generationModified files:
fonts-theme-settings.inc: Add AI prompt textarea and generate buttondxpr-theme.admin.themesettings.scss: Add .ai-font-generator stylestheme-settings-colors.js: Change rainbow border to show during generation (UX fix)Features:
Checklist