Skip to content

New minimalistic UI and added testing #20

Merged
Aatricks merged 7 commits intomainfrom
tests
Apr 13, 2026
Merged

New minimalistic UI and added testing #20
Aatricks merged 7 commits intomainfrom
tests

Conversation

@Aatricks
Copy link
Copy Markdown
Owner

This pull request makes significant updates to the frontend, primarily replacing the Mantine UI library with Radix UI and Tailwind CSS, and refactoring the UI components and styles accordingly. It also introduces new API endpoints for user preferences and updates the gallery and generation workflow for a more modern and streamlined user experience.

Key changes include:

UI Framework Migration and Styling:

  • Replaces Mantine UI components and styling with Radix UI primitives and Tailwind CSS throughout the frontend, removing Mantine-related dependencies and configuration (package.json, postcss.config.cjs, App.tsx, App.css). [1] [2] [3] [4] [5]
  • Updates the app shell, layout, and theming to use custom Tailwind classes and Radix UI components, including a new advanced controls sheet and responsive design.

Component Refactors and Improvements:

  • Refactors the Gallery component to use a horizontal scroll area, Radix UI, and Tailwind for a more modern look and improved usability, replacing Mantine's grid and paper components.
  • Introduces a new GenerationComposer component for prompt and model selection, using Radix UI and Tailwind, with improved UX for prompt entry and model selection.

API and State Management Enhancements:

  • Adds new API endpoints for getting and posting user settings preferences (getSettingsPreferences, postSettingsPreferences) and improves type safety for telemetry responses. [1] [2] [3]
  • Updates state management hooks and store usage to align with new component structure and UI logic. [1] [2] [3]

General Improvements:

  • Updates the application title to "LightDiffusion Next" for branding consistency.

These changes collectively modernize the frontend, improve maintainability, and set the stage for further feature development.

…bel, scroll area, select, separator, sheet, switch, and textarea

- Implemented Accordion component with items, triggers, and content.
- Created Button component with variants and sizes.
- Added Collapsible component for expandable sections.
- Developed Input and Textarea components for user input.
- Introduced Label component for form labeling.
- Built ScrollArea component for scrollable content.
- Created Select component with options, triggers, and content.
- Added Separator component for visual separation.
- Implemented Sheet component for modal-like overlays.
- Developed Switch component for toggle functionality.
- Updated styles and utility functions for consistent design.

feat: implement generation actions and bootstrap hooks

- Added useGenerationActions hook for handling image generation and settings management.
- Implemented useGenerationBootstrap hook for loading models and control nets on app initialization.

feat: add media query hook for responsive design

- Created useMediaQuery hook to handle media query changes.

style: update global styles and integrate Tailwind CSS

- Refactored global styles to use Tailwind CSS with custom theme variables.
- Added animations and utility classes for improved UI experience.

fix: remove MantineProvider and adjust main entry point

- Simplified main.tsx by removing MantineProvider and directly rendering App component.

chore: update Vite configuration to include Tailwind CSS plugin

- Integrated Tailwind CSS into Vite configuration for styling support.
- Updated the GenerationSettings component to include new options for model autotune and VAE autotune.
- Added new API calls to fetch and post settings preferences related to autotune.
- Introduced feedback mechanisms for performance settings changes.
- Enhanced state management in the store to accommodate new settings.
- Updated types to include new settings preferences for better type safety.
- Introduced API endpoints for managing server-wide generation preferences (`/api/settings/preferences`).
- Added `torch_compile` and `vae_autotune` options to `GenerateRequest` and `SettingsPreferencesRequest`.
- Implemented preference persistence in `SettingsStore` with defaults for `torch_compile` and `vae_autotune`.
- Enhanced `VAE` class to support autotuning with a new method to enable/disable it.
- Updated `AbstractModel` and `Pipeline` to apply VAE autotune settings during model loading.
- Modified `GenerationBuffer` to respect batch size semantics and handle image requests appropriately.
- Added unit tests for settings API, VAE autotune functionality, and request handling.
…d UX

style: adjust Accordion and Sheet components for consistency in design

style: enhance global styles with new gradients and background adjustments

fix: reset default prompt and negative prompt values in store
… fixture and update tests to use ASGI transport
… in Pipeline; update test paths for consistency
@Aatricks Aatricks self-assigned this Apr 13, 2026
@Aatricks Aatricks merged commit 4c9d63a into main Apr 13, 2026
2 checks passed
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