This is a cool idea. It's close to being able to work as the HTML window on the bottom is editable, it's just not wired up to the state store properly. I'll spend some more time thinking about this one.

Loading an entire project and then editing it piece by piece could be a game-changer. Full supporter of this

That would be amazing! I can absolutely get behind that idea

@vale46n1 @MyndPhreak that sounds like a bigger undertaking. For multi-file / project use cases I suggest:

1. I've been using Cursor and it's awesome. You can open a chat window and ask questions about multiple files in the codebase. Very cool.
2. I haven't checked this out, but OpenDevin looks really cool.

Love how there's so much OpenSource hotness happening in this space. I'm humbled to have created something exciting for folks and can't wait to make it better!

@vanpelt I would suggest to start to think to integrate such kind of functionality:

• JSON Input Interface: feature that allows users to directly input JSON into a specially designed interface. This would enable the LLM or AGENT to dynamically tailor React and HTML code to effectively manage the JSON content. Additionally, the interface should offer options for specifying headers to transmit payloads or security tokens, facilitating the testing of the code’s functionality in practical scenarios.

• Customization Based on Language and Framework: I guess that tool like this to be effective must be customized according to the programming language and framework in use. For example, adopting React with Next.js entails a particular folder structure that the generated code must reflect. The LLM and agents should perform an initial analysis of the project’s structure to identify connections and then adjust the underlying code of pages to fit the overall concept.

• Automatic Dependency Management: We need to automatically identifying and updating related pages within a React project when one page is modified. This process should ensure that changes in one part of the application are reflected across related components, thereby maintaining consistency and enhancing development efficiency.

From my point of view, to be effective, this kind of tool shall be tailored not just to the programming language but also to the specific frameworks being used, such as React with Next.js, Gatsby, or Vite for the frontend and FastAPI for the backend. This approach ensures the creation of a cohesive and fully functional system.

Maybe OpenDevin could do this. Anyhow is not specifically tailored for this scope and here could be the big difference and the reason why this could work much better.

Looking on current market and trends, maybe React with Next.js could be a good target. FASTApi as backend.

@vanpelt This seems doing something similar of what I was considering https://github.com/plandex-ai/plandex