[Visualize] Add custom instruction #218

[joriskalz]

#218 Implement Custom Instruction Input for Diagram Generation

This pull request introduces a feature to enhance the Visualize module's functionality by allowing users to input custom instructions for diagram generation. Previously, the module did not consider user-specific instructions and only tried to generate valid diagrams in PlantUML/Mermaid languages without user hints. With this update, users can now guide the diagram generation process more directly.

Changes made:

• Added an input box for custom instructions, consistent with the existing UI design (label on top, input field below).
• When provided, the custom instruction is intelligently mixed into the diagram generation prompt at an appropriate place.
• This feature responds to the need expressed in issue #218.

Files changed:

DiagramsModal.tsx: Included a new FormControl for custom instruction input.
diagrams.data.ts: Altered the bigDiagramPrompt function to integrate the customInstruction string.

This update aims to provide users with the flexibility to tailor diagram generation to their specific needs, enabling more precise and meaningful visualizations.

Looking forward to feedback and suggestions for any improvements.

Screenshot:

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated (UTC)
big-agi	✅ Ready (Inspect)	Visit Preview	Dec 16, 2023 10:38pm

[enricoros]

Great job @joriskalz, thanks for contributing this - works great!