Add chat interface BEN-1073

[juancastano]

TL;DR

Added a dedicated builder page with a chat interface for iterative UI component development.

What changed?

• Created a new /builder page that displays the generated UI component alongside a chat interface
• Implemented a ChatInterface component that allows users to refine their UI through conversation
• Modified the home page to redirect to the builder page after initial component generation
• Updated the PreviewCard component to better fit the new layout with full-height display
• Added session storage to persist generated components between pages
• Implemented a "Start Over" button to reset the process

How to test?

1. Navigate to the home page and enter a component description
2. After generation, you should be redirected to the new builder page
3. Verify the chat interface appears on the left with your initial prompt
4. Test the preview/code tabs on the right side
5. Try entering a new message in the chat interface
6. Test the "Start Over" button to ensure it clears the session and returns to home

Why make this change?

This change improves the user experience by separating the initial generation from the refinement process. Users can now iteratively improve their UI components through a chat-based interface while maintaining context of their original request. The split layout provides more screen space for both the preview and the conversation, creating a more intuitive workflow for building and refining UI components.

[juancastano]

• Clean up route file #38
• Updated error detection #37
• Fix code preview bug #36
• Move edit logic into open AI file #35
• Add toggle to control buggy code and fixer usage #34
• Fixed a few errors #33
• Fix build errors #32
• Fix error detection again BEN-1078 #31
• Add fix with AI functionality BEN-1080 #30
• Add editing functionality BEN-1079 #29
• Improved error detection BEN-1078 #28
• Adding error screen BEN-1077 #27
• create folder nesting BEN-1076 #26
• add download button BEN-1075 #25
• Add loading state BEN-1074 #24
• Add chat interface BEN-1073 #23 👈 (View in Graphite)
• Add support for adding new npm packages BEN-1072 #22
• main

This stack of pull requests is managed by Graphite. Learn more about stacking.

[juancastano]

Merge activity

• Jun 13, 10:36 PM UTC: A user started a stack merge that includes this pull request via Graphite.
• Jun 13, 10:37 PM UTC: Graphite rebased this pull request as part of a merge.
• Jun 13, 10:38 PM UTC: @juancastano merged this pull request with Graphite.