Add the a billity to resize panels / sidebars, also allow togglign/closing the layers sidebar and the colors sidebar.
Furthermore allow previewing the generated cfg ON OUR APPLICATION ITSELF.
Have a "save theme button" which saves it in a section just like the folder colors.
I'll add resizable panels, toggleable sidebars, live theme preview on the application itself, and a save theme feature. Let me check the current structure first.
Now I'll implement all the requested features: resizable panels, toggleable sidebars, live theme preview, and saved themes functionality.
I've implemented all the requested features: resizable panels with draggable handles between sections, toggleable sidebars for both the colors and config panels with show/hide buttons, a live theme preview that applies the generated CSS directly to the application itself so you can see the changes in real-time, and a save theme feature that stores your theme configurations in a dedicated section similar to color folders. The preview button toggles between applying and removing the theme from the app, and saved themes can be loaded or deleted as needed.
I see the issue. I incorrectly imported Label from @/components/ui/input when it should come from @/components/ui/label. Let me fix this import error.
Fixed the import error by separating the Label and Input imports to their correct source files.
The preview and ai doesnt work
Let me investigate the AI and preview functionality to identify and fix the issues.
I can see the issues. The AI functionality is using the AI SDK but might need debugging, and the preview functionality needs to properly inject the CSS into the document. Let me add proper error handling and debugging to fix both features.
add support for gemini env key.
And make the preview mode work
and allow color picking in choen color.