feat: add AI assistant to dokploy #1079

kucherenko · 2025-01-10T07:20:47Z

Description:

This pull request introduces new AI-related features to enhance the functionality of the Dokploy open-source project. Details of the changes are as follows:

Features Added:

AI Assistant for LLM-Generated Projects:
- Implemented an AI Assistant feature that enables users to create projects using Large Language Model (LLM) generated content. This addition aims to streamline project initiation and enhance user productivity.
AI Settings:
- Added a dedicated settings section for configuring AI-related options to tailor the assistant's behavior and optimize the use of generated data for specific project needs.

Known Issues:

OpenAI API Exclusivity:
- Currently, the AI Assistant functionality only supports the OpenAI API. Future updates may include support for additional APIs to broaden usability.
Dialogue UI Limitations:
- The user interface for the dialogue feature does not currently allow users to view all generated data at once. This limitation may impact the user experience while interacting with project suggestions and outputs.

Siumauricio · 2025-01-11T03:54:02Z

apps/dokploy/components/dashboard/project/ai/step-four.tsx

+								<MonacoEditor
+									height="200px"
+									language="yaml"
+									theme="vs-dark"
+									value={templateInfo.details.dockerCompose}
+									options={{
+										minimap: { enabled: false },
+										scrollBeyondLastLine: false,
+										fontSize: 14,
+										lineNumbers: "on",
+										readOnly: true,
+										wordWrap: "on",
+										automaticLayout: true,
+									}}
+								/>


Use the component, instead of monaco editor

do you have a code highlighter component?

@kucherenko Sorry, this is the component

<CodeEditor lineWrapping value={data || "Empty"} disabled className="font-mono" />

Siumauricio · 2025-01-11T03:56:29Z

apps/dokploy/components/dashboard/project/ai/step-one.tsx

+	"Sendgrid service opensource analogue",
+];
+
+export function StepOne({ nextStep, setTemplateInfo, templateInfo }: any) {


We already have a package installed for stepps called @stepperize/react we already use in the welcome-suscription.tsx component you can take a look how is implemented to have an idea

Also can you use arrow functions instead of regular functions?

Hi @Siumauricio,

I've addressed most of the comments from the review. Specifically, I removed Monaco and converted the functions to arrow functions. However, I wasn't able to work on the stepper due to time constraints as my Christmas holidays have ended.

Would it be possible to merge the changes without the stepper for now? I will add it to the technical debt list and prioritize fixing it as soon as I have the time.

Thank you for your understanding!